From 9cbac3bc6a9927fb0655ddcbca3ac69caa5ab120 Mon Sep 17 00:00:00 2001
From: Geoffrey Kwan <geoffreykwan@gmail.com>
Date: Fri, 11 Dec 2020 16:45:39 -0500
Subject: [PATCH 01/36] Converted Notebook to Angular. #2827

---
 .../src/app/common-hybrid-angular.module.ts   |  18 ++
 .../notebook-item.component.html              |  51 ++++
 .../notebook-item.component.spec.ts           |  69 +++++
 .../notebook-item/notebook-item.component.ts  | 171 +++++++++++
 .../notebook-launcher.component.html          |  10 +
 .../notebook-launcher.component.spec.ts       |  51 ++++
 .../notebook-launcher.component.ts            |  56 ++++
 .../notebook-notes.component.html             |  87 ++++++
 .../notebook-notes.component.spec.ts          |  59 ++++
 .../notebook-notes.component.ts               | 206 +++++++++++++
 ...notebook-report-annotations.component.html |  36 +++
 ...ebook-report-annotations.component.spec.ts |  50 +++
 .../notebook-report-annotations.component.ts  | 108 +++++++
 .../notebook-report.component.html            |  80 +++++
 .../notebook-report.component.spec.ts         |  90 ++++++
 .../notebook-report.component.ts              | 241 +++++++++++++++
 .../notebook/notebook/notebook.component.html |  30 ++
 .../notebook/notebook.component.spec.ts       |  60 ++++
 .../notebook/notebook/notebook.component.ts   | 239 +++++++++++++++
 .../src/app/student-hybrid-angular.module.ts  |   1 -
 .../classroomMonitor/classroomMonitor.html    |   2 +-
 .../notebookWorkgroupGrading.html             |  15 +-
 .../webapp/wise5/common-angular-js-module.ts  |  17 ++
 src/main/webapp/wise5/notebook/index.html     |   4 -
 .../webapp/wise5/services/notebookService.ts  |   4 +-
 .../teacher/teacher-angular-js-module.ts      |   3 +-
 .../default/notebook/notebook/notebook.js     | 288 ------------------
 .../default/notebook/notebookComponents.js    |  19 --
 .../notebook/notebookItem/notebookItem.js     | 231 --------------
 .../default/notebook/notebookItemChooser.html |  12 -
 .../notebookLauncher/notebookLauncher.js      |  70 -----
 .../notebook/notebookNotes/notebookNotes.js   | 279 -----------------
 .../notebook/notebookReport/notebookReport.js | 285 -----------------
 .../notebookReportAnnotations.js              | 146 ---------
 .../default/notebook/viewNotebookItem.html    |  16 -
 .../default/templates/notebookDialog.html     |  16 -
 src/main/webapp/wise5/themes/default/theme.js |   3 +-
 src/main/webapp/wise5/themes/default/vle.html |   4 +-
 .../wise5/vle/student-angular-js-module.ts    |   3 +
 39 files changed, 1745 insertions(+), 1385 deletions(-)
 create mode 100644 src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.html
 create mode 100644 src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.spec.ts
 create mode 100644 src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.ts
 create mode 100644 src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.html
 create mode 100644 src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.spec.ts
 create mode 100644 src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.ts
 create mode 100644 src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.html
 create mode 100644 src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.spec.ts
 create mode 100644 src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts
 create mode 100644 src/main/webapp/site/src/app/notebook/notebook-report-annotations/notebook-report-annotations.component.html
 create mode 100644 src/main/webapp/site/src/app/notebook/notebook-report-annotations/notebook-report-annotations.component.spec.ts
 create mode 100644 src/main/webapp/site/src/app/notebook/notebook-report-annotations/notebook-report-annotations.component.ts
 create mode 100644 src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.html
 create mode 100644 src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.spec.ts
 create mode 100644 src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.ts
 create mode 100644 src/main/webapp/site/src/app/notebook/notebook/notebook.component.html
 create mode 100644 src/main/webapp/site/src/app/notebook/notebook/notebook.component.spec.ts
 create mode 100644 src/main/webapp/site/src/app/notebook/notebook/notebook.component.ts
 delete mode 100644 src/main/webapp/wise5/notebook/index.html
 delete mode 100644 src/main/webapp/wise5/themes/default/notebook/notebook/notebook.js
 delete mode 100644 src/main/webapp/wise5/themes/default/notebook/notebookComponents.js
 delete mode 100644 src/main/webapp/wise5/themes/default/notebook/notebookItem/notebookItem.js
 delete mode 100644 src/main/webapp/wise5/themes/default/notebook/notebookItemChooser.html
 delete mode 100644 src/main/webapp/wise5/themes/default/notebook/notebookLauncher/notebookLauncher.js
 delete mode 100644 src/main/webapp/wise5/themes/default/notebook/notebookNotes/notebookNotes.js
 delete mode 100644 src/main/webapp/wise5/themes/default/notebook/notebookReport/notebookReport.js
 delete mode 100644 src/main/webapp/wise5/themes/default/notebook/notebookReportAnnotations/notebookReportAnnotations.js
 delete mode 100644 src/main/webapp/wise5/themes/default/notebook/viewNotebookItem.html
 delete mode 100644 src/main/webapp/wise5/themes/default/templates/notebookDialog.html

diff --git a/src/main/webapp/site/src/app/common-hybrid-angular.module.ts b/src/main/webapp/site/src/app/common-hybrid-angular.module.ts
index 7098ef0fae..fbae973007 100644
--- a/src/main/webapp/site/src/app/common-hybrid-angular.module.ts
+++ b/src/main/webapp/site/src/app/common-hybrid-angular.module.ts
@@ -53,6 +53,14 @@ import { MatProgressBarModule } from '@angular/material/progress-bar';
 import { MomentModule } from 'ngx-moment';
 import { EditorModule, TINYMCE_SCRIPT_SRC } from '@tinymce/tinymce-angular';
 import { WiseTinymceEditorComponent } from '../../../wise5/directives/wise-tinymce-editor/wise-tinymce-editor.component';
+import { NotebookComponent } from './notebook/notebook/notebook.component';
+import { NotebookItemComponent } from './notebook/notebook-item/notebook-item.component';
+import { NotebookLauncherComponent } from './notebook/notebook-launcher/notebook-launcher.component';
+import { NotebookNotesComponent } from './notebook/notebook-notes/notebook-notes.component';
+import { NotebookReportComponent } from './notebook/notebook-report/notebook-report.component';
+import { NotebookReportAnnotationsComponent } from './notebook/notebook-report-annotations/notebook-report-annotations.component';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { MatTabsModule } from '@angular/material/tabs';
 
 @Component({template: ``})
 export class EmptyComponent {}
@@ -63,6 +71,12 @@ export class EmptyComponent {}
     HelpIconComponent,
     NodeIconComponent,
     NodeStatusIcon,
+    NotebookComponent,
+    NotebookItemComponent,
+    NotebookLauncherComponent,
+    NotebookNotesComponent,
+    NotebookReportComponent,
+    NotebookReportAnnotationsComponent,
     WiseTinymceEditorComponent
   ],
   imports: [
@@ -81,6 +95,8 @@ export class EmptyComponent {}
     MatListModule,
     MatProgressBarModule,
     MatSelectModule,
+    MatSidenavModule,
+    MatTabsModule,
     MatTooltipModule,
     MomentModule,
     ReactiveFormsModule,
@@ -137,6 +153,8 @@ export class EmptyComponent {}
     MatListModule,
     MatProgressBarModule,
     MatSelectModule,
+    MatSidenavModule,
+    MatTabsModule,
     MatTooltipModule,
     MomentModule,
     NodeIconComponent,
diff --git a/src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.html b/src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.html
new file mode 100644
index 0000000000..11a0a5469f
--- /dev/null
+++ b/src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.html
@@ -0,0 +1,51 @@
+<mat-card class="notebook-item"
+    *ngIf="isNotebookItemActive()"
+    ng-mouseenter="focus=true;"
+    ng-mouseleave="focus=false;"
+    [ngClass]="{'md-whiteframe-5dp': focus}"
+    (click)="doSelect($event)">
+  <mat-card-content aria-label="View"
+      class="notebook-item__content notebook-item__edit"
+      [ngClass]="{'notebook-item__content--text-only': !item.content.attachments.length}"
+      md-ink-ripple
+      flex
+      layout="column"
+      layout-align="center center">
+    <div *ngIf="item.content.attachments.length > 0"
+        class="notebook-item__content__attachment"
+        style="background: url('{{item.content.attachments[0].iconURL}}')">
+    </div>
+    <div *ngIf="item.content.text"
+        class="notebook-item__content__text notebook-item__edit md-body-1"
+        style="color: {{label.color}}">
+        {{item.content.text}}
+    </div>
+  </mat-card-content>
+  <mat-card-actions class="notebook-item__actions"
+      layout="row"
+      layout-align="start center"
+      style="background-color: {{color}}">
+    <span class="notebook-item__content__location">
+      <mat-icon>place</mat-icon><span class="md-body-1">{{getItemNodePosition()}}</span>
+    </span>
+    <span flex></span>
+    <button mat-button
+        *ngIf="canDeleteNotebookItem()"
+        aria-label="Delete notebook item"
+        matTooltip="Delete"
+        matTooltipPosition="above"
+        i18n-matTooltip
+        (click)="doDelete($event)">
+      <mat-icon>delete</mat-icon>
+    </button>
+    <button mat-button
+        *ngIf="canReviveNotebookItem()"
+        aria-label="Revive notebook item"
+        matTooltip="Revive Note"
+        matTooltipPosition="above"
+        i18n-matTooltip
+        (click)="doRevive($event)">
+      <mat-icon>undo</mat-icon>
+    </button>
+  </mat-card-actions>
+</mat-card>
\ No newline at end of file
diff --git a/src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.spec.ts b/src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.spec.ts
new file mode 100644
index 0000000000..340fd81818
--- /dev/null
+++ b/src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.spec.ts
@@ -0,0 +1,69 @@
+import { HttpClientTestingModule } from "@angular/common/http/testing";
+import { TestBed } from "@angular/core/testing";
+import { UpgradeModule } from "@angular/upgrade/static";
+import { configureTestSuite } from "ng-bullet";
+import { Subscription } from "rxjs";
+import { AnnotationService } from "../../../../../wise5/services/annotationService";
+import { ConfigService } from "../../../../../wise5/services/configService";
+import { NotebookService } from "../../../../../wise5/services/notebookService";
+import { ProjectService } from "../../../../../wise5/services/projectService";
+import { SessionService } from "../../../../../wise5/services/sessionService";
+import { StudentAssetService } from "../../../../../wise5/services/studentAssetService";
+import { StudentDataService } from "../../../../../wise5/services/studentDataService";
+import { TagService } from "../../../../../wise5/services/tagService";
+import { UtilService } from "../../../../../wise5/services/utilService";
+import { NotebookItemComponent } from "./notebook-item.component";
+
+let component: NotebookItemComponent;
+
+describe('NotebookItemComponent', () => {
+
+  configureTestSuite(() => {
+    TestBed.configureTestingModule({
+      imports: [ HttpClientTestingModule, UpgradeModule ],
+      declarations: [ NotebookItemComponent ],
+      providers: [
+        AnnotationService,
+        ConfigService,
+        NotebookService,
+        ProjectService,
+        SessionService,
+        StudentAssetService,
+        StudentDataService,
+        TagService,
+        UtilService
+      ]
+    });
+  })
+
+  beforeEach(() => {
+    const fixture = TestBed.createComponent(NotebookItemComponent);
+    component = fixture.componentInstance;
+    component.notebookUpdatedSubscription = new Subscription();
+  })
+
+  isItemInGroup();
+  isNotebookItemActive();
+});
+
+function isItemInGroup() {
+  it('should check if an notebook item is in group when it is not in the group', () => {
+    component.item = { groups: ['Group A'] };
+    expect(component.isItemInGroup('Group B')).toEqual(false);
+  });
+  it('should check if an notebook item is in group when it is in the group', () => {
+    component.item = { groups: ['Group A'] };
+    expect(component.isItemInGroup('Group A')).toEqual(true);
+  });
+}
+
+function isNotebookItemActive() {
+  it('should check if a notebook item is active when it is not active', () => {
+    component.item = { serverDeleteTime: 1607704074794 };
+    expect(component.isNotebookItemActive()).toEqual(false);
+  });
+  it('should check if a notebook item is active when it is active', () => {
+    component.item = { serverDeleteTime: null };
+    expect(component.isNotebookItemActive()).toEqual(true);
+  });
+}
diff --git a/src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.ts b/src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.ts
new file mode 100644
index 0000000000..146fe46a9a
--- /dev/null
+++ b/src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.ts
@@ -0,0 +1,171 @@
+import { Component, EventEmitter, Input, Output } from "@angular/core";
+import { UpgradeModule } from "@angular/upgrade/static";
+import { Subscription } from "rxjs";
+import { ConfigService } from "../../../../../wise5/services/configService";
+import { NotebookService } from "../../../../../wise5/services/notebookService";
+import { ProjectService } from "../../../../../wise5/services/projectService";
+
+@Component({
+  selector: 'notebook-item',
+  templateUrl: 'notebook-item.component.html'
+})
+export class NotebookItemComponent {
+
+  @Input()
+  note: any;
+
+  @Input()
+  config: any;
+
+  @Input()
+  itemId: string;
+
+  @Input()
+  group: string;
+
+  @Input()
+  isChooseMode: boolean;
+
+  item: any;
+  type: string;
+  label: any;
+  color: string;
+
+  @Output()
+  onSelect: EventEmitter<any> = new EventEmitter<any>();
+
+  notebookUpdatedSubscription: Subscription;
+
+  constructor(
+    private upgrade: UpgradeModule,
+    private ConfigService: ConfigService,
+    private NotebookService: NotebookService,
+    private ProjectService: ProjectService
+  ) {
+
+  }
+
+  ngOnInit(): void {
+    this.item = this.note;
+    this.type = this.item ? this.item.type : null;
+    this.label = this.config.itemTypes[this.type].label;
+    if (this.group === 'public') {
+      this.color = 'orange';
+    } else {
+      this.color = this.label.color;
+    }
+
+    this.notebookUpdatedSubscription = this.NotebookService.notebookUpdated$.subscribe((args) => {
+      const notebook = args.notebook;
+      if (notebook.items[this.itemId]) {
+        this.item = notebook.items[this.itemId].last();
+      }
+    });
+  }
+
+  ngOnDestroy(): void {
+    this.unsubscribeAll();
+  }
+
+  unsubscribeAll(): void {
+    this.notebookUpdatedSubscription.unsubscribe();
+  }
+
+  isItemInGroup(group: string): boolean {
+    return this.item.groups != null && this.item.groups.includes(group);
+  }
+
+  getItemNodeId(): string {
+    if (this.item == null) {
+      return null;
+    } else {
+      return this.item.nodeId;
+    }
+  }
+
+  getItemNodeLink(): string {
+    if (this.item == null) {
+      return '';
+    } else {
+      return this.ProjectService.getNodePositionAndTitleByNodeId(this.item.nodeId);
+    }
+  }
+
+  getItemNodePosition(): string {
+    if (this.item == null) {
+      return '';
+    } else {
+      return this.ProjectService.getNodePositionById(this.item.nodeId);
+    }
+  }
+
+  doDelete(ev: any): void {
+    ev.stopPropagation();
+    const confirm = this.upgrade.$injector.get('$mdDialog').confirm()
+      .title($localize`Are you sure you want to delete this note?`)
+      .ariaLabel('delete note confirmation')
+      .targetEvent(ev)
+      .ok($localize`Delete`)
+      .cancel($localize`Cancel`);
+    this.upgrade.$injector.get('$mdDialog').show(confirm).then(() => {
+      this.NotebookService.deleteNote(this.item);
+    }, () => {
+      // they chose not to delete. Do nothing, the dialog will close.
+    });
+  }
+
+  doRevive(ev: any): void {
+    ev.stopPropagation();
+    const confirm = this.upgrade.$injector.get('$mdDialog').confirm()
+      .title($localize`Are you sure you want to revive this note?`)
+      .ariaLabel('revive note confirmation')
+      .targetEvent(ev)
+      .ok($localize`revive`)
+      .cancel($localize`cancel`);
+    this.upgrade.$injector.get('$mdDialog').show(confirm).then(() => {
+      this.NotebookService.reviveNote(this.item);
+    }, () => {
+      // they chose not to revive. Do nothing, the dialog will close.
+    });
+  }
+
+  doSelect(event: any): void {
+    if (this.onSelect) {
+      this.onSelect.emit({ event: event, note: this.item });
+    }
+  }
+
+  canShareNotebookItem(): boolean {
+    return this.ProjectService.isSpaceExists('public') &&
+        this.isMyNotebookItem() &&
+        this.item.serverDeleteTime == null &&
+        !this.isChooseMode &&
+        !this.isItemInGroup('public');
+  }
+
+  canUnshareNotebookItem(): boolean {
+    return this.ProjectService.isSpaceExists('public') &&
+        this.isMyNotebookItem() &&
+        this.item.serverDeleteTime == null &&
+        !this.isChooseMode &&
+        this.isItemInGroup('public');
+  }
+
+  canDeleteNotebookItem(): boolean {
+    return this.isMyNotebookItem() &&
+        this.item.serverDeleteTime == null &&
+        !this.isChooseMode;
+  }
+
+  canReviveNotebookItem(): boolean {
+    return this.item.serverDeleteTime != null && !this.isChooseMode;
+  }
+
+  isMyNotebookItem(): boolean {
+    return this.item.workgroupId === this.ConfigService.getWorkgroupId();
+  }
+
+  isNotebookItemActive(): boolean {
+    return this.item.serverDeleteTime == null;
+  }
+}
\ No newline at end of file
diff --git a/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.html b/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.html
new file mode 100644
index 0000000000..cde598cef5
--- /dev/null
+++ b/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.html
@@ -0,0 +1,10 @@
+<button *ngIf="isShowButton()" mat-button
+    class="md-scale md-fab md-fab-bottom-right notebook-launcher"
+    aria-label="{{ fabLabel() }}"
+    matTooltip="{{ fabLabel() }}"
+    matTooltipPosition="above"
+    i18n-matToolip
+    (click)="fabAction($event)">
+  <mat-icon *ngIf="!notesVisible">{{ config.icon }}</mat-icon>
+  <mat-icon *ngIf="notesVisible">add</mat-icon>
+</button>
\ No newline at end of file
diff --git a/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.spec.ts b/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.spec.ts
new file mode 100644
index 0000000000..666010e5ad
--- /dev/null
+++ b/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.spec.ts
@@ -0,0 +1,51 @@
+import { TestBed } from "@angular/core/testing";
+import { configureTestSuite } from "ng-bullet";
+import { NotebookLauncherComponent } from "./notebook-launcher.component";
+
+let component: NotebookLauncherComponent;
+
+describe('NotebookLauncherComponent', () => {
+
+  configureTestSuite(() => {
+    TestBed.configureTestingModule({
+      declarations: [ NotebookLauncherComponent ]
+    });
+  })
+
+  beforeEach(() => {
+    const fixture = TestBed.createComponent(NotebookLauncherComponent);
+    component = fixture.componentInstance;
+    component.config = createConfig();
+  })
+
+  isShowButton();
+});
+
+function createConfig() {
+  return {
+    itemTypes: {
+      note: {
+        enableAddNote: true
+      }
+    }
+  };
+}
+
+function isShowButton() {
+  it('should check if we should show the button when notes are not visible', () => {
+    component.notesVisible = false;
+    expect(component.isShowButton()).toEqual(true);
+  });
+  it('should check if we should show the button when notes are visible and add note is enabled',
+      () => {
+    component.notesVisible = true;
+    component.config.itemTypes.note.enableAddNote = true;
+    expect(component.isShowButton()).toEqual(true);
+  });
+  it('should check if we should show the button when notes are visible and add note is not enabled',
+      () => {
+    component.notesVisible = true;
+    component.config.itemTypes.note.enableAddNote = false;
+    expect(component.isShowButton()).toEqual(false);
+  });
+}
diff --git a/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.ts b/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.ts
new file mode 100644
index 0000000000..aac22bb74c
--- /dev/null
+++ b/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.ts
@@ -0,0 +1,56 @@
+import { Component, EventEmitter, Input, Output } from "@angular/core";
+
+
+@Component({
+  selector: 'notebook-launcher',
+  templateUrl: 'notebook-launcher.component.html'
+})
+export class NotebookLauncherComponent {
+  
+  @Input()
+  config: any;
+
+  @Input()
+  noteCount: number;
+
+  @Input()
+  notesVisible: boolean;
+
+  @Output()
+  onOpen: EventEmitter<any> = new EventEmitter();
+
+  translationData: any;
+  isOpen: boolean;
+
+  ngOnInit(): void {
+    this.translationData = {
+      noteLabel: this.config.itemTypes.note.label.singular
+    }
+  }
+
+  fabAction($event: any): void {
+    if (this.notesVisible) {
+      this.open($event, 'new');
+    } else {
+      this.open($event, 'note');
+    }
+  }
+
+  open($event: any, target: any): void {
+    $event.stopPropagation();
+    this.onOpen.emit({value: target, event: $event});
+    this.isOpen = false;
+  }
+
+  fabLabel(): string {
+    if (this.notesVisible) {
+      return $localize`Add ${ this.config.itemTypes.note.label.singular }`;
+    } else {
+      return this.config.label;
+    }
+  }
+
+  isShowButton(): boolean {
+    return !this.notesVisible || this.config.itemTypes.note.enableAddNote;
+  }
+}
\ No newline at end of file
diff --git a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.html b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.html
new file mode 100644
index 0000000000..86b88cffb5
--- /dev/null
+++ b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.html
@@ -0,0 +1,87 @@
+<mat-sidenav-container
+    *ngIf="notesVisible"
+    style="position: absolute; top: 0; bottom: 0; left: 0; right: 0;"
+    [hasBackdrop]="false">
+  <mat-sidenav
+      mode="over"
+      [(opened)]="notesVisible"
+      md-component-id="notes"
+      md-whiteframe="4"
+      md-disable-backdrop
+      layout="column"
+      class="md-sidenav-right notebook-sidebar">
+    <br/>
+    <br/>
+    <br/>
+    <br/>
+    <mat-toolbar>
+      <div class="md-toolbar-tools"
+           [ngClass]="{'insert-mode': insertMode}"
+           style="background-color: {{color}}; display: flex;">
+          <span>{{getTitle()}}</span>
+          <span style="flex-grow: 1;"></span>
+          <button (click)="close($event)"
+              mat-button
+              i18n-aria-label="Close">
+            <mat-icon>close</mat-icon>
+          </button>
+      </div>
+    </mat-toolbar>
+    <mat-tab-group mat-selected="selectedTabIndex" md-dynamic-height md-border-bottom md-autoselect 
+             mat-swipe-content>
+      <mat-tab *ngFor="let group of groups"
+          [disabled]="group.disabled"
+          [label]="group.title">
+        <div class="center md-padding">
+          <div class="notebook-items" [ngClass]="{'notebook-items--insert': insertMode}" layout="row"
+              layout-wrap>
+            <div class="md-padding" *ngIf="!hasNotes" translate="noNotes"
+                translate-value-term="config.itemTypes.note.label.plural"></div>
+            <notebook-item *ngFor="let note of group.items"
+                [config]="config"
+                [group]="group.name"
+                [itemId]="note.localNotebookItemId"
+                [isChooseMode]="insertMode"
+                [note]="note"
+                (onSelect)="select($event)"
+                style="display: flex;"
+                flex="100"
+                flex-gt-xs="50">
+            </notebook-item>
+          </div>
+        </div>
+      </mat-tab>
+    </mat-tab-group>
+  </mat-sidenav>
+  <mat-sidenav-content>
+  </mat-sidenav-content>
+</mat-sidenav-container>
+<div *ngIf="mode === 'classroomMonitor'"
+    md-dynamic-height md-border-bottom md-autoselect md-swipe-content>
+  <div *ngFor="let group of groups"
+      [disabled]="group.disabled"
+      label="group.title">
+    <div *ngIf="hasNotes" class="center md-padding">
+      <div class="notebook-items notebook-items--grading"
+          [ngClass]="{'notebook-items--insert': insertMode}" layout="row" layout-wrap>
+        <notebook-item *ngFor="let note of group.items"
+            [config]="config"
+            [group]="group.name"
+            [itemId]="note.localNotebookItemId"
+            [isEditAllowed]="group.isEditAllowed"
+            [isChooseMode]="insertMode"
+            [note]="note"
+            (onSelect)="select($event)"
+            style="display: flex;"
+            flex="100"
+            flex-gt-xs="50"
+            flex-gt-sm="33"
+            flex-gt-md="25">
+        </notebook-item>
+      </div>
+    </div>
+    <div *ngIf="!hasNotes" class="md-padding">
+      <p translate="noNotes" translate-value-term="config.itemTypes.note.label.plural"></p>
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.spec.ts b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.spec.ts
new file mode 100644
index 0000000000..c7de21c25b
--- /dev/null
+++ b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.spec.ts
@@ -0,0 +1,59 @@
+import { HttpClientTestingModule } from "@angular/common/http/testing";
+import { TestBed } from "@angular/core/testing";
+import { UpgradeModule } from "@angular/upgrade/static";
+import { configureTestSuite } from "ng-bullet";
+import { Subscription } from "rxjs";
+import { AnnotationService } from "../../../../../wise5/services/annotationService";
+import { ConfigService } from "../../../../../wise5/services/configService";
+import { NotebookService } from "../../../../../wise5/services/notebookService";
+import { ProjectService } from "../../../../../wise5/services/projectService";
+import { SessionService } from "../../../../../wise5/services/sessionService";
+import { StudentAssetService } from "../../../../../wise5/services/studentAssetService";
+import { StudentDataService } from "../../../../../wise5/services/studentDataService";
+import { TagService } from "../../../../../wise5/services/tagService";
+import { UtilService } from "../../../../../wise5/services/utilService";
+import { NotebookNotesComponent } from "./notebook-notes.component";
+
+let component: NotebookNotesComponent;
+
+describe('NotebookNotesComponent', () => {
+
+  configureTestSuite(() => {
+    TestBed.configureTestingModule({
+      imports: [ HttpClientTestingModule, UpgradeModule ],
+      declarations: [ NotebookNotesComponent ],
+      providers: [
+        AnnotationService,
+        ConfigService,
+        NotebookService,
+        ProjectService,
+        SessionService,
+        StudentAssetService,
+        StudentDataService,
+        TagService,
+        UtilService
+      ]
+    });
+  })
+
+  beforeEach(() => {
+    const fixture = TestBed.createComponent(NotebookNotesComponent);
+    component = fixture.componentInstance;
+    component.notebookUpdatedSubscription = new Subscription();
+    component.openNotebookSubscription = new Subscription();
+    component.publicNotebookItemsRetrievedSubscription = new Subscription();
+  })
+
+  isHasNotes();
+});
+
+function isHasNotes() {
+  it('should check if the notebook has notes when it does not have any notes', () => {
+    component.notebook = { items: [] };
+    expect(component.isHasNotes()).toEqual(false);
+  });
+  it('should check if the notebook has notes when it has a note', () => {
+    component.notebook = { items: [{}] };
+    expect(component.isHasNotes()).toEqual(true);
+  });
+}
\ No newline at end of file
diff --git a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts
new file mode 100644
index 0000000000..907787aa84
--- /dev/null
+++ b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts
@@ -0,0 +1,206 @@
+import { Component, EventEmitter, Input, Output } from "@angular/core";
+import { Subscription } from "rxjs";
+import { NotebookService } from "../../../../../wise5/services/notebookService";
+import { ProjectService } from "../../../../../wise5/services/projectService";
+
+@Component({
+  selector: 'notebook-notes',
+  templateUrl: 'notebook-notes.component.html'
+})
+export class NotebookNotesComponent {
+
+  @Input()
+  config: any;
+
+  @Input()
+  insertMode: boolean;
+
+  @Input()
+  notebook: any;
+
+  @Input()
+  notesVisible: boolean;
+
+  @Input()
+  viewOnly: boolean;
+
+  @Input()
+  workgroupId: number;
+
+  @Input()
+  onSetInsertMode: any;
+
+  @Input()
+  mode: string;
+
+  @Output()
+  onClose: EventEmitter<any> = new EventEmitter();
+
+  @Output()
+  onInsert: EventEmitter<any> = new EventEmitter();
+
+  groups = [];
+  selectedTabIndex = 0;
+  groupNameToGroup = {};
+  color: string;
+  hasNotes: boolean;
+  notebookUpdatedSubscription: Subscription;
+  openNotebookSubscription: Subscription;
+  publicNotebookItemsRetrievedSubscription: Subscription;
+
+  constructor(
+    private NotebookService: NotebookService,
+    private ProjectService: ProjectService
+  ) {
+
+  }
+
+  ngOnInit(): void {
+    this.color = this.config.itemTypes.note.label.color;
+    const personalGroup = {
+      title: 'Personal',
+      name: 'private',
+      isEditAllowed: true,
+      items: []
+    };
+    this.addPersonalGroupToGroups(personalGroup);
+    const spaces = this.ProjectService.getSpaces();
+    this.addSpacesToGroups(spaces);
+    this.hasNotes = this.isHasNotes();
+
+    this.notebookUpdatedSubscription = this.NotebookService.notebookUpdated$.subscribe((args) => {
+      const notebookItem = args.notebookItem;
+      if ((notebookItem.groups == null || notebookItem.groups.length === 0) &&
+          notebookItem.type === 'note') {
+        this.updatePrivateNotebookNote(notebookItem);
+      }
+      if (notebookItem.groups != null && notebookItem.groups.includes('public')) {
+        this.updatePublicNotebookNote(notebookItem);
+      }
+      this.hasNotes = this.isHasNotes();
+    });
+
+    this.openNotebookSubscription = this.NotebookService.openNotebook$.subscribe((args) => {
+      this.selectedTabIndex = args.visibleSpace === 'public' ? 1 : 0;
+    });
+    
+    this.publicNotebookItemsRetrievedSubscription = 
+        this.NotebookService.publicNotebookItemsRetrieved$.subscribe(() => {
+      for (const group of this.groups) {
+        if (group.name !== 'private') {
+          group.items = this.NotebookService.publicNotebookItems[group.name];
+        }
+      }
+    });
+  }
+
+  ngOnDestroy(): void {
+    this.unsubscribeAll();
+  }
+
+  unsubscribeAll(): void {
+    this.notebookUpdatedSubscription.unsubscribe();
+    this.openNotebookSubscription.unsubscribe();
+    this.publicNotebookItemsRetrievedSubscription.unsubscribe();
+  }
+
+  isHasNotes(): boolean {
+    return Object.keys(this.notebook.items).length ? true : false;
+  }
+
+  addPersonalGroupToGroups(personalGroup: any): void {
+    this.groupNameToGroup['private'] = personalGroup;
+    for (const [personalItemKey, personalItemValue] of Object.entries(this.notebook.items)) {
+      if ((personalItemValue as any).last().type === 'note') {
+        personalGroup.items.push((personalItemValue as any).last());
+      }
+    }
+    this.groups.push(personalGroup);
+  }
+
+  addSpacesToGroups(spaces: any[]): void {
+    for (const space of spaces) {
+      if (space.isShowInNotebook) {
+        const spaceGroup = {
+          title: space.name,
+          name: space.id,
+          isEditAllowed: true,
+          items: []
+        };
+        this.groupNameToGroup[space.id] = spaceGroup;
+        this.groups.push(spaceGroup);
+      }
+    }
+  }
+
+  updatePrivateNotebookNote(notebookItem: any): void {
+    this.updateNotebookNote(this.groupNameToGroup['private'],
+        notebookItem.localNotebookItemId, notebookItem.workgroupId, notebookItem);
+    if (this.groupNameToGroup['public'] != null) {
+      this.removeNotebookNote(this.groupNameToGroup['public'],
+        notebookItem.localNotebookItemId, notebookItem.workgroupId);
+    }
+  }
+
+  updatePublicNotebookNote(notebookItem: any): void {
+    this.updateNotebookNote(this.groupNameToGroup['public'],
+        notebookItem.localNotebookItemId, notebookItem.workgroupId, notebookItem);
+    this.removeNotebookNote(this.groupNameToGroup['private'],
+        notebookItem.localNotebookItemId, notebookItem.workgroupId);
+  }
+
+  updateNotebookNote(group: any, localNotebookItemId: string, workgroupId: number,
+      notebookItem: any): void {
+    let added = false;
+    let items = group.items;
+    for (let i = 0; i < items.length; i++) {
+      let item = items[i];
+      if (item.localNotebookItemId == localNotebookItemId && item.workgroupId == workgroupId) {
+        items[i] = notebookItem;
+        added = true;
+      }
+    }
+    if (!added) {
+      items.push(notebookItem);
+    }
+  }
+
+  removeNotebookNote(group: any, localNotebookItemId: string, workgroupId: number): void {
+    let items = group.items;
+    for (let i = 0; i < items.length; i++) {
+      let item = items[i];
+      if (item.localNotebookItemId == localNotebookItemId && item.workgroupId == workgroupId) {
+        items.splice(i, 1);
+        i--;
+      }
+    }
+  }
+
+  getTitle(): string {
+    if (this.insertMode) {
+      return $localize`Select Item To Insert`;
+    } else {
+      return this.config.itemTypes.note.label.link;
+    }
+  }
+
+  editItem($ev: any, note: any): void {
+    this.NotebookService.broadcastEditNote({note: note, isEditMode: !this.viewOnly, ev: $ev});
+  }
+
+  select({event, note}: any): void {
+    if (this.insertMode) {
+      this.onInsert.emit({note: note, event: event});
+    } else {
+      this.editItem(event, note);
+    }
+  }
+
+  close($event: any): void {
+    this.onClose.emit($event);
+  }
+
+  cancelInsertMode($event: any): void {
+    this.onSetInsertMode({value: false});
+  }
+}
\ No newline at end of file
diff --git a/src/main/webapp/site/src/app/notebook/notebook-report-annotations/notebook-report-annotations.component.html b/src/main/webapp/site/src/app/notebook/notebook-report-annotations/notebook-report-annotations.component.html
new file mode 100644
index 0000000000..df8515d9a7
--- /dev/null
+++ b/src/main/webapp/site/src/app/notebook/notebook-report-annotations/notebook-report-annotations.component.html
@@ -0,0 +1,36 @@
+<div class="md-padding gray-lightest-bg annotations-container--student--report"
+    *ngIf="show">
+  <mat-card class="annotations annotations--report">
+    <mat-card-title class="annotations__header">
+      <div class="annotations__avatar avatar--icon avatar--square md-36 avatar md-whiteframe-1dp">
+        <mat-icon class="annotations__icon md-36">{{icon}}</mat-icon>
+      </div>
+      <div class="annotations__title" layout="row" flex>
+        <span>{{label}}</span>
+        <span flex></span>
+        <span *ngIf="hasNew" class="badge annotations__status animate-fade" translate="new"></span>
+      </div>
+    </mat-card-title>
+    <mat-card-content class="annotations__body md-body-1">
+      <div *ngIf="showComment && annotations.comment">
+        <div [innerHTML]="annotations.comment.data.value"></div>
+      </div>
+      <hr *ngIf="annotations.comment" />
+      <div layout="row" laoyut-align="start center">
+        <span *ngIf="showScore && annotations.score"
+              class="annotations__score"
+              translate="SCORE_LABEL_AND_VALUE"
+              translate-value-score="{{annotations.score.data.value}}{{maxScoreDisplay}}"></span>
+        <span flex></span>
+        <span>
+          <span class="annotations__info"
+              am-time-ago="latestAnnotationTime"
+              matTooltip="{{ latestAnnotationTime | amDateFormat:'ddd, MMM D YYYY, h:mm a' }}"
+              matTooltipPosition="above"
+              i18n-matTooltip>
+          </span>
+        </span>
+      </div>
+    </mat-card-content>
+  </mat-card>
+</div>
\ No newline at end of file
diff --git a/src/main/webapp/site/src/app/notebook/notebook-report-annotations/notebook-report-annotations.component.spec.ts b/src/main/webapp/site/src/app/notebook/notebook-report-annotations/notebook-report-annotations.component.spec.ts
new file mode 100644
index 0000000000..b4484ac918
--- /dev/null
+++ b/src/main/webapp/site/src/app/notebook/notebook-report-annotations/notebook-report-annotations.component.spec.ts
@@ -0,0 +1,50 @@
+import { HttpClientTestingModule } from "@angular/common/http/testing";
+import { TestBed } from "@angular/core/testing";
+import { UpgradeModule } from "@angular/upgrade/static";
+import { configureTestSuite } from "ng-bullet";
+import { ConfigService } from "../../../../../wise5/services/configService";
+import { ProjectService } from "../../../../../wise5/services/projectService";
+import { SessionService } from "../../../../../wise5/services/sessionService";
+import { UtilService } from "../../../../../wise5/services/utilService";
+import { VLEProjectService } from "../../../../../wise5/vle/vleProjectService";
+import { NotebookReportAnnotationsComponent } from "./notebook-report-annotations.component";
+
+let component: NotebookReportAnnotationsComponent;
+
+describe('NotebookReportAnnotationsComponent', () => {
+
+  configureTestSuite(() => {
+    TestBed.configureTestingModule({
+      imports: [ HttpClientTestingModule, UpgradeModule ],
+      declarations: [ NotebookReportAnnotationsComponent ],
+      providers: [
+        ConfigService,
+        ProjectService,
+        SessionService,
+        UtilService,
+        VLEProjectService
+      ]
+    });
+  })
+
+  beforeEach(() => {
+    const fixture = TestBed.createComponent(NotebookReportAnnotationsComponent);
+    component = fixture.componentInstance;
+  })
+
+  setLabelAndIcon();
+});
+
+function setLabelAndIcon() {
+  it('should set label and icon', () => {
+    const annotation = {
+      type: 'autoComment'
+    }
+    spyOn(component, 'getLatestAnnotation').and.returnValue(annotation);
+    expect(component.label).toEqual('');
+    expect(component.icon).toEqual('person');
+    component.setLabelAndIcon();
+    expect(component.label).toEqual('Computer Feedback');
+    expect(component.icon).toEqual('keyboard');
+  });
+}
\ No newline at end of file
diff --git a/src/main/webapp/site/src/app/notebook/notebook-report-annotations/notebook-report-annotations.component.ts b/src/main/webapp/site/src/app/notebook/notebook-report-annotations/notebook-report-annotations.component.ts
new file mode 100644
index 0000000000..d493ef02fa
--- /dev/null
+++ b/src/main/webapp/site/src/app/notebook/notebook-report-annotations/notebook-report-annotations.component.ts
@@ -0,0 +1,108 @@
+import { Component, Input } from "@angular/core";
+import { ConfigService } from "../../../../../wise5/services/configService";
+import { VLEProjectService } from "../../../../../wise5/vle/vleProjectService";
+
+@Component({
+  selector: 'notebook-report-annotations',
+  templateUrl: 'notebook-report-annotations.component.html'
+})
+export class NotebookReportAnnotationsComponent {
+
+  @Input()
+  annotations: any;
+
+  @Input()
+  hasNew: boolean;
+
+  @Input()
+  maxScore: string;
+
+  nodeId: string;
+  componentId: string;
+  latestAnnotationTime: number;
+  show: boolean;
+  label: string = '';
+  icon: string = 'person';
+  isNew: boolean = false;
+  showScore: boolean = true;
+  showComment: boolean = true;
+  maxScoreDisplay: string;
+
+  constructor(
+    private ConfigService: ConfigService,
+    private ProjectService: VLEProjectService
+  ) {
+
+  }
+
+  ngOnInit(): void {
+    this.maxScoreDisplay = (parseInt(this.maxScore) > 0) ? '/' + this.maxScore : '';
+  }
+
+  /**
+   * Get the most recent annotation (from the current score and comment annotations)
+   * @return Object (latest annotation)
+   */
+  getLatestAnnotation(): any {
+    let latestAnnotation = null;
+    if (this.annotations.comment || this.annotations.score) {
+      const commentSaveTime = this.annotations.comment ? this.annotations.comment.serverSaveTime : 0;
+      const scoreSaveTime = this.annotations.score ? this.annotations.score.serverSaveTime : 0;
+      if (commentSaveTime >= scoreSaveTime) {
+        latestAnnotation = this.annotations.comment;
+      } else if (scoreSaveTime > commentSaveTime) {
+        latestAnnotation = this.annotations.score;
+      }
+    }
+    return latestAnnotation;
+  }
+
+  /**
+   * Calculate the save time of the latest annotation
+   * @return Number (latest annotation post time)
+   */
+  getLatestAnnotationTime(): any {
+    const latestAnnotation = this.getLatestAnnotation();
+    if (latestAnnotation) {
+      return this.ConfigService.convertToClientTimestamp(latestAnnotation.serverSaveTime);
+    }
+    return null;
+  }
+
+  /**
+   * Set the label based on whether this is an automated or teacher annotation
+   **/
+  setLabelAndIcon(): void {
+    const latestAnnotation = this.getLatestAnnotation();
+    if (latestAnnotation) {
+      if (latestAnnotation.type === 'autoComment' || latestAnnotation.type === 'autoScore') {
+        this.label = $localize`Computer Feedback`;
+        this.icon = 'keyboard';
+      } else {
+        this.label = $localize`Teacher Feedback`;
+        this.icon = 'person';
+      }
+    }
+  }
+
+  processAnnotations(): void {
+    if (this.annotations.comment || this.annotations.score) {
+      this.nodeId = this.annotations.comment ?
+          this.annotations.comment.nodeId : this.annotations.score.nodeId;
+      this.componentId = this.annotations.comment ?
+          this.annotations.comment.componentId : this.annotations.score.nodeId;
+
+      if (!this.ProjectService.displayAnnotation(this.annotations.score)) {
+        this.showScore = false;
+      }
+
+      if (!this.ProjectService.displayAnnotation(this.annotations.comment)) {
+        this.showComment = false;
+      }
+
+      this.setLabelAndIcon();
+      this.latestAnnotationTime = this.getLatestAnnotationTime();
+      this.show = (this.showScore && this.annotations.score) || (this.showComment && this.annotations.comment);
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.html b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.html
new file mode 100644
index 0000000000..5a1e1562a8
--- /dev/null
+++ b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.html
@@ -0,0 +1,80 @@
+<div *ngIf="visible" class="notebook-report-container"
+    [ngClass]="{'notebook-report-container__collapsed': collapsed, 'notebook-report-container__full': full && !collapsed}">
+  <mat-card class="notebook-report md-whiteframe-3dp l-constrained">
+    <mat-toolbar (click)="collapsed ? collapse() : return" class="md-toolbar--wise md-toolbar--wise--sm notebook-report__toolbar">
+      <mat-toolbar-tools class="md-toolbar-tools">
+        <mat-icon>assignment</mat-icon>&nbsp;
+        <span *ngIf="collapsed" class="overflow--ellipsis notebook-report__toolbar__title">{{reportItem.content.title}}</span>
+        <span flex></span>
+        <button mat-button
+            i18n-aria-label="Toggle Full Screen"
+            title="Toggle Full Screen"
+            class="md-icon-button notebook-tools--full"
+            (click)="fullscreen()">
+          <mat-icon *ngIf="!full || collapsed"> fullscreen </mat-icon>
+          <mat-icon *ngIf="full && !collapsed"> fullscreen_exit </mat-icon>
+        </button>
+        <button mat-button i18n-aria-label="Collapse" title="Collapse" class="md-icon-button"
+            *ngIf="!collapsed" (click)="$event.stopPropagation(); collapse()">
+          <mat-icon> arrow_drop_down </mat-icon>
+        </button>
+        <button mat-button i18n-aria-label="Restore" title="Restore" class="md-icon-button"
+            *ngIf="collapsed" (click)="$event.stopPropagation(); collapse()">
+          <mat-icon> arrow_drop_up </mat-icon>
+        </button>
+      </mat-toolbar-tools>
+      <div class="notebook-report__content__header md-whiteframe-1dp" layout="row" layout-align="start center">
+        <span style="color: {{config.itemTypes.report.label.color}};">{{reportItem.content.title}}</span>
+        <span flex></span>
+        <mat-icon i18n-aria-label="{{reportItem.content.title}} info"
+            style="color: {{config.itemTypes.report.label.color}};"
+            matTooltip="{{reportItem.content.prompt}}"
+            matTooltipPosition="left"
+            i18n-matTooltip>
+          info
+        </mat-icon>
+      </div>
+    </mat-toolbar>
+    <mat-content class="notebook-report__content" flex>
+      <wise-tinymce-editor
+        [(model)]="reportItemContent"
+        (modelChange)="changed(reportItemContent)"
+        [isAddNoteButtonAvailable]="isAddNoteButtonAvailable"
+        (openNotebook)="addNotebookItemContent($event)">
+      </wise-tinymce-editor>
+      <notebook-report-annotations *ngIf="hasAnnotation"
+          [annotations]="latestAnnotations"
+          [hasNewAnnotation]="hasNewAnnotation"
+          [maxScore]="maxScore"></notebook-report-annotations>
+    </mat-content>
+    <mat-card-actions class="notebook-report__actions">
+      <div id="{{reportId}}-toolbar"></div>
+      <div layout="row" layout-align="start center">
+        <button mat-button class="md-primary md-raised button--small"
+            i18n-aria-label="Save"
+            [disabled]="!dirty"
+            (click)="saveNotebookReportItem()">Save</button>
+        <span *ngIf="saveMessage.text"
+            class="component__actions__info md-caption">
+            {{saveMessage.text}}
+          <span class="component__actions__more"
+              matTooltip="{{ saveMessage.time | amDateFormat:'ddd, MMM D YYYY, h:mm a' }}"
+              matTooltipPosition="above"
+              i18n-matTooltip>
+            {{ saveMessage.time | amTimeAgo }}
+          </span>
+        </span>
+      </div>
+    </mat-card-actions>
+  </mat-card>
+</div>
+<div *ngIf="mode === 'classroomMonitor'">
+  <article *ngIf="hasReport">
+    <div [innerHTML]="reportItemContent"></div>
+  </article>
+  <p *ngIf="!hasReport"
+      translate="noReport"
+      translate-value-term="{{config.itemTypes.report.notes[0].title}}">
+  </p>
+  <!--<notebook-item-grading notebook-item="$ctrl.reportItem"></notebook-item-grading>-->
+</div>
\ No newline at end of file
diff --git a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.spec.ts b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.spec.ts
new file mode 100644
index 0000000000..3865d19903
--- /dev/null
+++ b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.spec.ts
@@ -0,0 +1,90 @@
+import { HttpClientTestingModule } from "@angular/common/http/testing";
+import { TestBed } from "@angular/core/testing";
+import { UpgradeModule } from "@angular/upgrade/static";
+import { configureTestSuite } from "ng-bullet";
+import { AnnotationService } from "../../../../../wise5/services/annotationService";
+import { ConfigService } from "../../../../../wise5/services/configService";
+import { NotebookService } from "../../../../../wise5/services/notebookService";
+import { ProjectService } from "../../../../../wise5/services/projectService";
+import { SessionService } from "../../../../../wise5/services/sessionService";
+import { StudentAssetService } from "../../../../../wise5/services/studentAssetService";
+import { StudentDataService } from "../../../../../wise5/services/studentDataService";
+import { TagService } from "../../../../../wise5/services/tagService";
+import { UtilService } from "../../../../../wise5/services/utilService";
+import { NotebookReportComponent } from "./notebook-report.component";
+
+let component: NotebookReportComponent;
+
+describe('NotebookReportComponent', () => {
+
+  configureTestSuite(() => {
+    TestBed.configureTestingModule({
+      imports: [ HttpClientTestingModule, UpgradeModule ],
+      declarations: [ NotebookReportComponent ],
+      providers: [
+        AnnotationService,
+        ConfigService,
+        NotebookService,
+        ProjectService,
+        SessionService,
+        StudentAssetService,
+        StudentDataService,
+        TagService,
+        UtilService
+      ]
+    });
+  })
+
+  beforeEach(() => {
+    const fixture = TestBed.createComponent(NotebookReportComponent);
+    component = fixture.componentInstance;
+    component.config = createConfig();
+  })
+
+  isNoteEnabled();
+  setSavedMessage();
+  clearSavedMessage();
+});
+
+function createConfig() {
+  return {
+    itemTypes: {
+      note: {
+        enabled: true
+      }
+    }
+  }
+}
+
+function isNoteEnabled() {
+  it('should check if note is enabled when it is not enabled', () => {
+    component.config.itemTypes.note.enabled = false;
+    expect(component.isNoteEnabled()).toEqual(false);
+  });
+  it('should check if note is enabled when it is enabled', () => {
+    component.config.itemTypes.note.enabled = true;
+    expect(component.isNoteEnabled()).toEqual(true);
+  });
+}
+
+function setSavedMessage() {
+  it('should set the saved message', () => {
+    expect(component.saveMessage.text).toEqual('');
+    expect(component.saveMessage.time).toEqual(null);
+    const saveTimestamp = 1607718407613;
+    component.setSavedMessage(saveTimestamp);
+    expect(component.saveMessage.text).toEqual('Saved');
+    expect(component.saveMessage.time).toEqual(saveTimestamp);
+  });
+}
+
+function clearSavedMessage() {
+  it('should clear the saved message', () => {
+    const saveTimestamp = 1607718407613;
+    component.saveMessage.text = 'Saved';
+    component.saveMessage.time = saveTimestamp;
+    component.clearSavedMessage();
+    expect(component.saveMessage.text).toEqual('');
+    expect(component.saveMessage.time).toEqual(null);
+  });
+}
\ No newline at end of file
diff --git a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.ts b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.ts
new file mode 100644
index 0000000000..3de532cc1e
--- /dev/null
+++ b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.ts
@@ -0,0 +1,241 @@
+import { Component, EventEmitter, Input, Output } from "@angular/core";
+import { Subscription } from "rxjs";
+import { AnnotationService } from "../../../../../wise5/services/annotationService";
+import { ConfigService } from "../../../../../wise5/services/configService";
+import { NotebookService } from "../../../../../wise5/services/notebookService";
+import { ProjectService } from "../../../../../wise5/services/projectService";
+
+@Component({
+  selector: 'notebook-report',
+  templateUrl: 'notebook-report.component.html'
+})
+export class NotebookReportComponent {
+
+  @Input()
+  config: any;
+
+  @Input()
+  insertContent: any;
+
+  @Input()
+  insertMode: string;
+
+  @Input()
+  reportId: string;
+
+  @Input()
+  visible: boolean;
+
+  @Input()
+  workgroupId: number;
+
+  @Input()
+  mode: string;
+
+  @Input()
+  hasNewAnnotation: boolean;
+
+  @Input()
+  maxScore: number;
+
+  @Output()
+  onCollapse: EventEmitter<any> = new EventEmitter();
+
+  @Output()
+  onSetInsertMode: EventEmitter<any> = new EventEmitter();
+
+  hasReport: boolean = false;
+  full: boolean = false;
+  collapsed: boolean = true;
+  dirty: boolean = false;
+  autoSaveIntervalMS: number = 30000;
+  autoSaveIntervalId: any;
+  saveMessage: any = {
+    text: '',
+    time: null 
+  };
+  reportItem: any;
+  reportItemContent: any;
+  latestAnnotations: any;
+  hasAnnotation: boolean = false;
+  isAddNoteButtonAvailable: boolean;
+  notebookItemAnnotationReceivedSubscription: Subscription;
+  showReportAnnotationsSubscription: Subscription;
+
+  constructor(
+    private AnnotationService: AnnotationService,
+    private ConfigService: ConfigService,
+    private NotebookService: NotebookService,
+    private ProjectService: ProjectService
+  ) {
+
+  }
+
+  ngOnInit(): void {
+    this.reportId = this.config.itemTypes.report.notes[0].reportId;
+    if (this.workgroupId == null) {
+      this.workgroupId = this.ConfigService.getWorkgroupId();
+    }
+    this.reportItem = this.NotebookService.getLatestNotebookReportItemByReportId(
+      this.reportId,
+      this.workgroupId
+    );
+    if (this.reportItem) {
+      this.hasReport = true;
+      const clientSaveTime = this.convertServerSaveTimeToClientSaveTime(
+        this.reportItem.serverSaveTime
+      );
+      this.setSavedMessage(clientSaveTime);
+    } else {
+      // student doesn't have work for this report yet, so get the default template.
+      this.reportItem = this.NotebookService.getTemplateReportItemByReportId(this.reportId);
+      if (this.reportItem == null) {
+        // don't allow student to work on the report
+        return;
+      }
+    }
+    this.maxScore = this.NotebookService.getMaxScoreByReportId(this.reportId);
+
+    if (this.mode !== 'classroomMonitor') {
+      this.reportItem.id = null; // set the id to null so it can be inserted as initial version, as opposed to updated. this is true for both new and just-loaded reports.
+    }
+    this.reportItemContent = this.ProjectService.injectAssetPaths(this.reportItem.content.content);
+    this.latestAnnotations = this.AnnotationService.getLatestNotebookItemAnnotations(
+      this.workgroupId,
+      this.reportId
+    );
+    this.hasAnnotation = this.calculateHasAnnotation(this.latestAnnotations);
+    this.startAutoSaveInterval();
+    this.isAddNoteButtonAvailable = this.isNoteEnabled();
+
+    /**
+     * Captures the annotation received event, checks whether the given
+     * annotation id matches this report id, updates UI accordingly
+     */
+    this.notebookItemAnnotationReceivedSubscription = this.NotebookService.notebookItemAnnotationReceived$.subscribe(
+      ({ annotation }: any) => {
+        if (annotation.localNotebookItemId === this.reportId) {
+          this.hasNewAnnotation = true;
+          this.latestAnnotations = this.AnnotationService.getLatestNotebookItemAnnotations(
+            this.workgroupId,
+            this.reportId
+          );
+          this.hasAnnotation = this.calculateHasAnnotation(this.latestAnnotations);
+        }
+      }
+    );
+
+    /**
+     * Captures the show report annotations event, opens report (if collapsed)
+     * and scrolls to the report annotations display
+     */
+    this.showReportAnnotationsSubscription = this.NotebookService.showReportAnnotations$.subscribe(
+      () => {
+        if (this.collapsed) {
+          this.collapse();
+        }
+
+        // scroll to report annotations (bottom)
+        const $notebookReportContent = $('.notebook-report__content');
+        setTimeout(() => {
+          $notebookReportContent.animate(
+            {
+              scrollTop: $notebookReportContent.prop('scrollHeight')
+            },
+            500
+          );
+        }, 500);
+      }
+    );
+  }
+
+  calculateHasAnnotation(latestAnnotations: any): boolean {
+    if (latestAnnotations != null) {
+      return latestAnnotations.score != null || latestAnnotations.comment != null;
+    }
+    return false;
+  }
+
+  convertServerSaveTimeToClientSaveTime(serverSaveTime: number): number {
+    return this.ConfigService.convertToClientTimestamp(serverSaveTime);
+  }
+
+  collapse(): void {
+    this.collapsed = !this.collapsed;
+    if (this.collapsed) {
+      this.onCollapse.emit();
+    }
+  }
+
+  fullscreen(): void {
+    if (this.collapsed) {
+      this.full = true;
+      this.collapsed = false;
+    } else {
+      this.full = !this.full;
+    }
+  }
+
+  addNotebookItemContent($event: any): void {
+    this.onSetInsertMode.emit({ value: true, requester: 'report' });
+  }
+
+  changed(value: string): void {
+    this.dirty = true;
+    this.reportItem.content.content = this.ConfigService.removeAbsoluteAssetPaths(value);
+    this.clearSavedMessage();
+  }
+
+  startAutoSaveInterval(): void {
+    this.stopAutoSaveInterval();
+    this.autoSaveIntervalId = setInterval(() => {
+      if (this.dirty) {
+        this.saveNotebookReportItem();
+      }
+    }, this.autoSaveIntervalMS);
+  }
+
+  stopAutoSaveInterval(): void {
+    clearInterval(this.autoSaveIntervalId);
+  }
+
+  saveNotebookReportItem(): void {
+    // set save timestamp
+    this.NotebookService.saveNotebookItem(
+      this.reportItem.id,
+      this.reportItem.nodeId,
+      this.reportItem.localNotebookItemId,
+      this.reportItem.type,
+      this.reportItem.title,
+      this.reportItem.content,
+      this.reportItem.groups,
+      Date.parse(new Date().toString())
+    ).then((result: any) => {
+      if (result) {
+        this.dirty = false;
+        this.hasNewAnnotation = false;
+        // set the reportNotebookItemId to the newly-incremented id so that future saves during this
+        // visit will be an update instead of an insert.
+        this.reportItem.id = result.id;
+        this.setSavedMessage(this.convertServerSaveTimeToClientSaveTime(result.serverSaveTime));
+      }
+    });
+  }
+
+  setSavedMessage(time: number): void {
+    this.setSaveText($localize`Saved`, time);
+  }
+
+  clearSavedMessage(): void {
+    this.setSaveText('', null);
+  }
+
+  setSaveText(message: string, time: number): void {
+    this.saveMessage.text = message;
+    this.saveMessage.time = time;
+  }
+
+  isNoteEnabled(): boolean {
+    return this.config.itemTypes.note.enabled;
+  }
+}
\ No newline at end of file
diff --git a/src/main/webapp/site/src/app/notebook/notebook/notebook.component.html b/src/main/webapp/site/src/app/notebook/notebook/notebook.component.html
new file mode 100644
index 0000000000..780b728f28
--- /dev/null
+++ b/src/main/webapp/site/src/app/notebook/notebook/notebook.component.html
@@ -0,0 +1,30 @@
+<div *ngIf="config.enabled" [ngClass]="{'notes-visible': notesVisible}">
+    <div class="notebook-overlay"></div>
+    <notebook-launcher *ngIf="config.itemTypes.note.enabled"
+        [config]="config"
+        [noteCount]="notebook.items.length"
+        [notesVisible]="notesVisible"
+        (onOpen)="open($event)">
+    </notebook-launcher>
+    <notebook-report *ngIf="config.itemTypes.report.enabled"
+        [mode]="mode"
+        [insertContent]="insertContent"
+        [insertMode]="insertMode"
+        [config]="config"
+        [reportId]="reportId"
+        [visible]="reportVisible"
+        [workgroupId]="workgroupId"
+        (onCollapse)="setInsertMode(false, requester)"
+        (onSetInsertMode)="setInsertMode($event)">
+    </notebook-report>
+</div>
+<notebook-notes *ngIf="config.enabled"
+    [notebook]="notebook"
+    [notesVisible]="notesVisible"
+    [config]="config"
+    [insertMode]="insertMode"
+    [workgroupId]="workgroupId"
+    (onClose)="closeNotes()"
+    (onInsert)="insert($event)"
+    (onSetInsertMode)="setInsertMode($event)">
+</notebook-notes>
\ No newline at end of file
diff --git a/src/main/webapp/site/src/app/notebook/notebook/notebook.component.spec.ts b/src/main/webapp/site/src/app/notebook/notebook/notebook.component.spec.ts
new file mode 100644
index 0000000000..817989793f
--- /dev/null
+++ b/src/main/webapp/site/src/app/notebook/notebook/notebook.component.spec.ts
@@ -0,0 +1,60 @@
+import { HttpClientTestingModule } from "@angular/common/http/testing";
+import { TestBed } from "@angular/core/testing";
+import { UpgradeModule } from "@angular/upgrade/static";
+import { configureTestSuite } from "ng-bullet";
+import { Subscription } from "rxjs";
+import { AnnotationService } from "../../../../../wise5/services/annotationService";
+import { ConfigService } from "../../../../../wise5/services/configService";
+import { NotebookService } from "../../../../../wise5/services/notebookService";
+import { ProjectService } from "../../../../../wise5/services/projectService";
+import { SessionService } from "../../../../../wise5/services/sessionService";
+import { StudentAssetService } from "../../../../../wise5/services/studentAssetService";
+import { StudentDataService } from "../../../../../wise5/services/studentDataService";
+import { TagService } from "../../../../../wise5/services/tagService";
+import { UtilService } from "../../../../../wise5/services/utilService";
+import { NotebookComponent } from "./notebook.component";
+
+let component: NotebookComponent;
+
+describe('NotebookComponent', () => {
+
+  configureTestSuite(() => {
+    TestBed.configureTestingModule({
+      imports: [ HttpClientTestingModule, UpgradeModule ],
+      declarations: [ NotebookComponent ],
+      providers: [
+        AnnotationService,
+        ConfigService,
+        NotebookService,
+        ProjectService,
+        SessionService,
+        StudentAssetService,
+        StudentDataService,
+        TagService,
+        UtilService
+      ]
+    });
+  })
+
+  beforeEach(() => {
+    const fixture = TestBed.createComponent(NotebookComponent);
+    component = fixture.componentInstance;
+    component.addNoteSubscription = new Subscription();
+    component.closeNotebookSubscription = new Subscription();
+    component.editNoteSubscription = new Subscription();
+    component.notebookUpdatedSubscription = new Subscription();
+    component.openNotebookSubscription = new Subscription();
+  })
+
+  closeNotes();
+});
+
+function closeNotes() {
+  it('should close notes', () => {
+    component.notesVisible = true;
+    component.insertMode = true;
+    component.closeNotes();
+    expect(component.notesVisible).toEqual(false);
+    expect(component.insertMode).toEqual(false);
+  });
+}
\ No newline at end of file
diff --git a/src/main/webapp/site/src/app/notebook/notebook/notebook.component.ts b/src/main/webapp/site/src/app/notebook/notebook/notebook.component.ts
new file mode 100644
index 0000000000..0db80e4abe
--- /dev/null
+++ b/src/main/webapp/site/src/app/notebook/notebook/notebook.component.ts
@@ -0,0 +1,239 @@
+import { Component, Input } from "@angular/core";
+import { UpgradeModule } from "@angular/upgrade/static";
+import { Subscription } from "rxjs";
+import { ConfigService } from "../../../../../wise5/services/configService";
+import { NotebookService } from "../../../../../wise5/services/notebookService";
+import { ProjectService } from "../../../../../wise5/services/projectService";
+import { UtilService } from "../../../../../wise5/services/utilService";
+
+@Component({
+  selector: 'notebook',
+  templateUrl: 'notebook.component.html'
+})
+export class NotebookComponent {
+
+  @Input()
+  filter: string;
+
+  @Input()
+  mode: string;
+
+  @Input()
+  workgroupId: number;
+
+  themePath: string;
+  itemId: string;
+  item: any;
+  config: any;
+  reportVisible: boolean;
+  notesVisible: boolean;
+  insertMode: boolean;
+  insertContent: any;
+  requester: string;
+  addNoteSubscription: Subscription;
+  closeNotebookSubscription: Subscription;
+  editNoteSubscription: Subscription;
+  notebookUpdatedSubscription: Subscription;
+  openNotebookSubscription: Subscription;
+  notebook: any;
+  publicNotebookItems: any;
+  reportId: string;
+  selectedNotebookItem: any;
+
+  constructor(
+    private upgrade: UpgradeModule,
+    private ConfigService: ConfigService,
+    private NotebookService: NotebookService,
+    private ProjectService: ProjectService,
+    private UtilService: UtilService
+  ) {
+
+  }
+
+  ngOnInit(): void {
+    this.themePath = this.ProjectService.getThemePath();
+    this.itemId = null;
+    this.item = null;
+
+    if (this.workgroupId == null) {
+      this.workgroupId = this.ConfigService.getWorkgroupId();
+    }
+
+    if (this.isStudentNotebook()) {
+      this.config = this.UtilService.makeCopyOfJSONObject(
+          this.NotebookService.getStudentNotebookConfig());
+    } else {
+      this.config = this.UtilService.makeCopyOfJSONObject(
+          this.NotebookService.getTeacherNotebookConfig());
+    }
+
+    if (!this.config.enabled) {
+      return;
+    }
+
+    this.reportVisible = this.config.itemTypes.report.enabled;
+    this.notesVisible = false;
+    this.insertMode = false;
+    this.insertContent = null;
+    this.requester = null;
+
+    this.addNoteSubscription = this.NotebookService.addNote$.subscribe(args => {
+      const note = null;
+      const isEditMode = true;
+      const file = args.file;
+      const noteText = args.text;
+      const isEditTextEnabled = args.isEditTextEnabled;
+      const isFileUploadEnabled = args.isFileUploadEnabled;
+      const studentWorkIds = args.studentWorkIds;
+      this.showEditNoteDialog(
+        note,
+        isEditMode,
+        file,
+        noteText,
+        isEditTextEnabled,
+        isFileUploadEnabled,
+        studentWorkIds
+      );
+    });
+
+    this.closeNotebookSubscription = this.NotebookService.closeNotebook$.subscribe(() => {
+      this.closeNotes();
+    });
+
+    this.editNoteSubscription = this.NotebookService.editNote$.subscribe(args => {
+      const note = args.note;
+      const isEditMode = args.isEditMode;
+      const file = null;
+      const noteText = null;
+      const isEditTextEnabled = true;
+      const isFileUploadEnabled = true;
+      const studentWorkIds = null;
+      this.showEditNoteDialog(
+        note,
+        isEditMode,
+        file,
+        noteText,
+        isEditTextEnabled,
+        isFileUploadEnabled,
+        studentWorkIds
+      );
+    });
+
+    this.notebookUpdatedSubscription = this.NotebookService.notebookUpdated$.subscribe(args => {
+      this.notebook = this.UtilService.makeCopyOfJSONObject(args.notebook);
+    });
+
+    this.openNotebookSubscription = this.NotebookService.openNotebook$.subscribe(args => {
+      this.open({ value: 'note' });
+      this.setInsertMode({ value: args.insertMode, requester: args.requester });
+    });
+
+    this.notebook = this.NotebookService.getNotebookByWorkgroup(this.workgroupId);
+    this.publicNotebookItems = this.NotebookService.publicNotebookItems;
+
+    // assume only 1 report for now
+    this.reportId = this.config.itemTypes.report.notes[0].reportId;
+  }
+
+  ngOnDestroy(): void {
+    this.unsubscribeAll();
+  }
+
+  unsubscribeAll(): void {
+    this.addNoteSubscription.unsubscribe();
+    this.closeNotebookSubscription.unsubscribe();
+    this.editNoteSubscription.unsubscribe();
+    this.notebookUpdatedSubscription.unsubscribe();
+    this.openNotebookSubscription.unsubscribe();
+  }
+
+  isStudentNotebook(): boolean {
+    return (
+      this.ConfigService.getMode() === 'studentRun' ||
+      this.ConfigService.getMode() === 'preview' ||
+      ((this.ConfigService.isRunOwner() || this.ConfigService.isRunSharedTeacher()) &&
+        this.ConfigService.getWorkgroupId() !== this.workgroupId)
+    );
+  }
+
+  deleteStudentAsset(studentAsset: any): void {
+    alert($localize`deleteStudentAssetFromNotebookNotImplementedYet`);
+  }
+
+  showEditNoteDialog(
+    note: any,
+    isEditMode: boolean,
+    file: any,
+    text: string,
+    isEditTextEnabled: boolean,
+    isFileUploadEnabled: boolean,
+    studentWorkIds: number[]
+  ): void {
+    const notebookItemTemplate = this.themePath + '/notebook/editNotebookItem.html';
+    this.upgrade.$injector.get('$mdDialog').show({
+      templateUrl: notebookItemTemplate,
+      controller: 'EditNotebookItemController',
+      controllerAs: 'editNotebookItemController',
+      bindToController: true,
+      locals: {
+        note: note,
+        isEditMode: isEditMode,
+        file: file,
+        text: text,
+        studentWorkIds: studentWorkIds,
+        isEditTextEnabled: isEditTextEnabled,
+        isFileUploadEnabled: isFileUploadEnabled
+      }
+    });
+  }
+
+  notebookItemSelected($event: any, notebookItem: any): void {
+    this.selectedNotebookItem = notebookItem;
+  }
+
+  open({ value }: any): void {
+    if (value === 'report') {
+      this.reportVisible = !this.reportVisible;
+    } else if (value === 'note') {
+      if (this.notesVisible) {
+        this.closeNotes();
+      } else {
+        this.NotebookService.retrievePublicNotebookItems('public').then(() => {
+          this.notesVisible = true;
+        });
+      }
+    } else if (value === 'new') {
+      this.NotebookService.addNote();
+    }
+  }
+
+  closeNotes(): void {
+    this.notesVisible = false;
+    this.insertMode = false;
+  }
+
+  setInsertMode({ value, requester }: any): void {
+    this.insertMode = value;
+    if (value) {
+      this.NotebookService.retrievePublicNotebookItems('public').then(() => {
+        this.notesVisible = true;
+      });
+    }
+    this.requester = requester;
+  }
+
+  insert({ event , note }: any): void {
+    if (this.requester === 'report') {
+      this.insertContent = this.UtilService.makeCopyOfJSONObject(note);
+      this.NotebookService.broadcastNotebookItemChosen({
+        requester: this.requester,
+        notebookItem: note
+      });
+    } else {
+      this.NotebookService.broadcastNotebookItemChosen({
+        requester: this.requester,
+        notebookItem: note
+      });
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/main/webapp/site/src/app/student-hybrid-angular.module.ts b/src/main/webapp/site/src/app/student-hybrid-angular.module.ts
index f8a1913cb9..5b64554e33 100644
--- a/src/main/webapp/site/src/app/student-hybrid-angular.module.ts
+++ b/src/main/webapp/site/src/app/student-hybrid-angular.module.ts
@@ -16,7 +16,6 @@ import { DataService } from './services/data.service';
 import { AngularJSModule } from './common-hybrid-angular.module';
 import { NavItemComponent } from '../../../wise5/vle/nav-item/nav-item.component';
 import { ComponentAnnotationsComponent } from '../../../wise5/directives/componentAnnotations/component-annotations.component';
-import { MomentModule } from 'ngx-moment';
 
 @NgModule({
   declarations: [
diff --git a/src/main/webapp/wise5/classroomMonitor/classroomMonitor.html b/src/main/webapp/wise5/classroomMonitor/classroomMonitor.html
index e9d03f21d0..a9c10a401b 100644
--- a/src/main/webapp/wise5/classroomMonitor/classroomMonitor.html
+++ b/src/main/webapp/wise5/classroomMonitor/classroomMonitor.html
@@ -28,5 +28,5 @@
     <side-menu ng-if="classroomMonitorController.showToolbar"
         state="classroomMonitorController.$state"
         views="classroomMonitorController.views"></side-menu>
-    <notebook workgroup-id="::classroomMonitorController.workgroupId"></notebook>
+    <notebook></notebook>
 </div>
diff --git a/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/notebook/notebookWorkgroupGrading/notebookWorkgroupGrading.html b/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/notebook/notebookWorkgroupGrading/notebookWorkgroupGrading.html
index 81d5c22180..ad8dac9115 100644
--- a/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/notebook/notebookWorkgroupGrading/notebookWorkgroupGrading.html
+++ b/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/notebook/notebookWorkgroupGrading/notebookWorkgroupGrading.html
@@ -33,20 +33,17 @@
     <md-tabs class="md-body-2 gray-lightest-bg" md-dynamic-height md-border-bottom flex>
       <md-tab ng-if="$ctrl.notesEnabled" label="{{ ::'notes' | translate }}">
         <md-content>
-          <notebook-notes class="notebook-grading" mode="classroomMonitor" notebook="$ctrl.notebook"
-                          config="$ctrl.notebookConfig" notes-visible="true" view-only="true"
-                          workgroup-id="$ctrl.workgroup.workgroupId" theme-path="$ctrl.themePath"
-                          template-url="$ctrl.themePath + '/notebook/notebook.html'" filter="note">
+          <notebook-notes class="notebook-grading" [mode]="'classroomMonitor'" [notebook]="$ctrl.notebook"
+                          [config]="$ctrl.notebookConfig" [notes-visible]="false" [view-only]="true"
+                          [workgroup-id]="$ctrl.workgroup.workgroupId" [filter]="note">
           </notebook-notes>
         </md-content>
       </md-tab>
       <md-tab ng-if="$ctrl.reportEnabled" label="{{ ::$ctrl.reportTitle }}">
         <md-content>
-          <notebook-report class="notebook-grading md-padding" mode="classroomMonitor"
-                           config="$ctrl.notebookConfig" workgroup-id="$ctrl.workgroup.workgroupId"
-                           theme-path="$ctrl.themePath"
-                           template-url="$ctrl.themePath + '/notebook/notebook.html'"
-                           filter="report"></notebook-report>
+          <notebook-report class="notebook-grading md-padding" [mode]="'classroomMonitor'"
+                           [config]="$ctrl.notebookConfig" [workgroup-id]="$ctrl.workgroup.workgroupId"
+                           [filter]="report"></notebook-report>
         </md-content>
       </md-tab>
     </md-tabs>
diff --git a/src/main/webapp/wise5/common-angular-js-module.ts b/src/main/webapp/wise5/common-angular-js-module.ts
index 811c4ed1cb..6cc6bf199f 100644
--- a/src/main/webapp/wise5/common-angular-js-module.ts
+++ b/src/main/webapp/wise5/common-angular-js-module.ts
@@ -70,6 +70,12 @@ import './themes/default/theme';
 import SideMenu from './common/sideMenuComponent';
 import { EditorComponent } from '@tinymce/tinymce-angular';
 import { WiseTinymceEditorComponent } from './directives/wise-tinymce-editor/wise-tinymce-editor.component';
+import { NotebookComponent } from '../site/src/app/notebook/notebook/notebook.component';
+import { NotebookItemComponent } from '../site/src/app/notebook/notebook-item/notebook-item.component';
+import { NotebookNotesComponent } from '../site/src/app/notebook/notebook-notes/notebook-notes.component';
+import { NotebookReportComponent } from '../site/src/app/notebook/notebook-report/notebook-report.component';
+import { NotebookReportAnnotationsComponent } from '../site/src/app/notebook/notebook-report-annotations/notebook-report-annotations.component';
+import EditNotebookItemController from './themes/default/notebook/editNotebookItemController';
 
   angular.module('common', [
     angularDragula(angular),
@@ -106,6 +112,16 @@ import { WiseTinymceEditorComponent } from './directives/wise-tinymce-editor/wis
       { component: EditorComponent }) as angular.IDirectiveFactory)
   .directive('wiseTinymceEditor', downgradeComponent(
       { component: WiseTinymceEditorComponent }) as angular.IDirectiveFactory)
+  .directive('notebook', downgradeComponent(
+      { component: NotebookComponent }) as angular.IDirectiveFactory)
+  .directive('notebookItem', downgradeComponent(
+      { component: NotebookItemComponent }) as angular.IDirectiveFactory)
+  .directive('notebookNotes', downgradeComponent(
+      { component: NotebookNotesComponent }) as angular.IDirectiveFactory)
+  .directive('notebookReport', downgradeComponent(
+      { component: NotebookReportComponent }) as angular.IDirectiveFactory)
+  .directive('notebookReportAnnotations', downgradeComponent(
+      { component: NotebookReportAnnotationsComponent }) as angular.IDirectiveFactory)
   .factory('AnnotationService', downgradeInjectable(AnnotationService))
   .factory('AudioRecorderService', downgradeInjectable(AudioRecorderService))
   .factory('ConfigService', downgradeInjectable(ConfigService))
@@ -121,6 +137,7 @@ import { WiseTinymceEditorComponent } from './directives/wise-tinymce-editor/wis
   .factory('StudentDataService', downgradeInjectable(StudentDataService))
   .factory('UtilService', downgradeInjectable(UtilService))
   .component('sideMenu', SideMenu)
+  .controller('EditNotebookItemController', EditNotebookItemController)
   .filter('Filters', Filters)
   .config([
       '$httpProvider',
diff --git a/src/main/webapp/wise5/notebook/index.html b/src/main/webapp/wise5/notebook/index.html
deleted file mode 100644
index 2d131e6ea7..0000000000
--- a/src/main/webapp/wise5/notebook/index.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<notebook theme-path="vleController.themePath"
-          template-url="vleController.themePath + '/notebook/notebook.html'"
-          filter="themeCtrl.notebookFilter"
-          workgroup-id="vleController.workgroupId"></notebook>
\ No newline at end of file
diff --git a/src/main/webapp/wise5/services/notebookService.ts b/src/main/webapp/wise5/services/notebookService.ts
index 9c60850761..cd86ed4ecb 100644
--- a/src/main/webapp/wise5/services/notebookService.ts
+++ b/src/main/webapp/wise5/services/notebookService.ts
@@ -96,7 +96,7 @@ export class NotebookService {
   }
 
   getStudentNotebookConfig() {
-   return Object.assign(this.config, this.ProjectService.project.notebook);
+    return Object.assign(this.config, this.ProjectService.project.notebook);
   }
 
   getTeacherNotebookConfig() {
@@ -107,7 +107,7 @@ export class NotebookService {
     this.broadcastEditNote({ itemId: itemId, ev: ev });
   }
 
-  addNote(file, text = null, studentWorkIds = null, 
+  addNote(file = null, text = null, studentWorkIds = null, 
       isEditTextEnabled = true, isFileUploadEnabled = true) {
     this.broadcastAddNote({
         file: file,
diff --git a/src/main/webapp/wise5/teacher/teacher-angular-js-module.ts b/src/main/webapp/wise5/teacher/teacher-angular-js-module.ts
index 9cbd422d91..54ab26f552 100644
--- a/src/main/webapp/wise5/teacher/teacher-angular-js-module.ts
+++ b/src/main/webapp/wise5/teacher/teacher-angular-js-module.ts
@@ -90,8 +90,7 @@ import '../components/table/tableAuthoringComponentModule';
       'openResponseAuthoringComponentModule',
       'outsideURLAuthoringComponentModule',
       'structureAuthoringModule',
-      'tableAuthoringComponentModule',
-      'theme.notebook'
+      'tableAuthoringComponentModule'
       ])
     .service('MilestoneService', downgradeInjectable(MilestoneService))
     .factory('ProjectService', downgradeInjectable(TeacherProjectService))
diff --git a/src/main/webapp/wise5/themes/default/notebook/notebook/notebook.js b/src/main/webapp/wise5/themes/default/notebook/notebook/notebook.js
deleted file mode 100644
index 078d979437..0000000000
--- a/src/main/webapp/wise5/themes/default/notebook/notebook/notebook.js
+++ /dev/null
@@ -1,288 +0,0 @@
-'use strict';
-
-import EditNotebookItemController from '../editNotebookItemController';
-
-class NotebookController {
-  constructor(
-    $filter,
-    $mdDialog,
-    $scope,
-    $rootScope,
-    ConfigService,
-    NotebookService,
-    ProjectService,
-    StudentAssetService,
-    StudentDataService
-  ) {
-    this.$filter = $filter;
-    this.$mdDialog = $mdDialog;
-    this.$scope = $scope;
-    this.$rootScope = $rootScope;
-    this.ConfigService = ConfigService;
-    this.NotebookService = NotebookService;
-    this.ProjectService = ProjectService;
-    this.StudentAssetService = StudentAssetService;
-    this.StudentDataService = StudentDataService;
-    this.$translate = this.$filter('translate');
-    this.themePath = this.ProjectService.getThemePath();
-    this.itemId = null;
-    this.item = null;
-    if (this.workgroupId == null) {
-      this.workgroupId = this.ConfigService.getWorkgroupId();
-    }
-
-    if (this.isStudentNotebook()) {
-      this.config = this.NotebookService.getStudentNotebookConfig();
-    } else {
-      this.config = this.NotebookService.getTeacherNotebookConfig();
-    }
-
-    if (!this.config.enabled) {
-      return;
-    }
-
-    this.reportVisible = this.config.itemTypes.report.enabled;
-    this.notesVisible = false;
-    this.insertMode = false;
-    this.insertContent = null;
-    this.requester = null;
-
-    this.addNoteSubscription = this.NotebookService.addNote$.subscribe(args => {
-      const note = null;
-      const isEditMode = true;
-      const file = args.file;
-      const noteText = args.text;
-      const isEditTextEnabled = args.isEditTextEnabled;
-      const isFileUploadEnabled = args.isFileUploadEnabled;
-      const studentWorkIds = args.studentWorkIds;
-      const ev = args.ev;
-      this.showEditNoteDialog(
-        note,
-        isEditMode,
-        file,
-        noteText,
-        isEditTextEnabled,
-        isFileUploadEnabled,
-        studentWorkIds,
-        ev
-      );
-    });
-
-    this.closeNotebookSubscription = this.NotebookService.closeNotebook$.subscribe(() => {
-      this.closeNotes();
-    });
-
-    this.editNoteSubscription = this.NotebookService.editNote$.subscribe(args => {
-      const note = args.note;
-      const isEditMode = args.isEditMode;
-      const file = null;
-      const noteText = null;
-      const isEditTextEnabled = true;
-      const isFileUploadEnabled = true;
-      const studentWorkIds = null;
-      const ev = args.ev;
-      this.showEditNoteDialog(
-        note,
-        isEditMode,
-        file,
-        noteText,
-        isEditTextEnabled,
-        isFileUploadEnabled,
-        studentWorkIds,
-        ev
-      );
-    });
-
-    this.notebookUpdatedSubscription = this.NotebookService.notebookUpdated$.subscribe(args => {
-      this.notebook = angular.copy(args.notebook);
-    });
-
-    this.openNotebookSubscription = this.NotebookService.openNotebook$.subscribe(args => {
-      this.open('note');
-      this.setInsertMode(args.insertMode, args.requester);
-    });
-
-    this.notebook = this.NotebookService.getNotebookByWorkgroup(this.workgroupId);
-    this.publicNotebookItems = this.NotebookService.publicNotebookItems;
-
-    // assume only 1 report for now
-    this.reportId = this.config.itemTypes.report.notes[0].reportId;
-
-    this.$scope.$on('$destroy', () => {
-      this.ngOnDestroy();
-    });
-  }
-
-  ngOnDestroy() {
-    this.unsubscribeAll();
-  }
-
-  unsubscribeAll() {
-    this.addNoteSubscription.unsubscribe();
-    this.closeNotebookSubscription.unsubscribe();
-    this.editNoteSubscription.unsubscribe();
-    this.notebookUpdatedSubscription.unsubscribe();
-    this.openNotebookSubscription.unsubscribe();
-  }
-
-  isStudentNotebook() {
-    return (
-      this.ConfigService.getMode() === 'studentRun' ||
-      this.ConfigService.getMode() === 'preview' ||
-      ((this.ConfigService.isRunOwner() || this.ConfigService.isRunSharedTeacher()) &&
-        this.ConfigService.getWorkgroupId() !== this.workgroupId)
-    );
-  }
-
-  deleteStudentAsset(studentAsset) {
-    alert(this.$translate('deleteStudentAssetFromNotebookNotImplementedYet'));
-  }
-
-  showEditNoteDialog(
-    note,
-    isEditMode,
-    file,
-    text,
-    isEditTextEnabled,
-    isFileUploadEnabled,
-    studentWorkIds
-  ) {
-    const notebookItemTemplate = this.themePath + '/notebook/editNotebookItem.html';
-    this.$mdDialog.show({
-      parent: angular.element(document.body),
-      templateUrl: notebookItemTemplate,
-      controller: EditNotebookItemController,
-      controllerAs: 'editNotebookItemController',
-      bindToController: true,
-      locals: {
-        note: note,
-        isEditMode: isEditMode,
-        file: file,
-        text: text,
-        studentWorkIds: studentWorkIds,
-        isEditTextEnabled: isEditTextEnabled,
-        isFileUploadEnabled: isFileUploadEnabled
-      }
-    });
-  }
-
-  notebookItemSelected($event, notebookItem) {
-    this.selectedNotebookItem = notebookItem;
-  }
-
-  attachNotebookItemToComponent($event, notebookItem) {
-    this.componentController.attachNotebookItemToComponent(notebookItem);
-    this.selectedNotebookItem = null; // reset selected notebook item
-    // TODO: add some kind of unobtrusive confirmation to let student know that the notebook item has been added to current component
-    $event.stopPropagation(); // prevents parent notebook list item from getting the onclick event so this item won't be re-selected.
-  }
-
-  getNotes() {
-    const notes = [];
-    const notebookItems = this.notebook.items;
-    for (let notebookItemKey in notebookItems) {
-      const notebookItem = notebookItems[notebookItemKey];
-      if (notebookItem.last().type === 'note') {
-        notes.push(notebookItem);
-      }
-    }
-    return notes;
-  }
-
-  open(value) {
-    if (value === 'report') {
-      this.reportVisible = !this.reportVisible;
-    } else if (value === 'note') {
-      if (this.notesVisible) {
-        this.closeNotes();
-      } else {
-        this.NotebookService.retrievePublicNotebookItems('public').then(() => {
-          this.notesVisible = true;
-        });
-      }
-    } else if (value === 'new') {
-      this.NotebookService.addNote();
-    }
-  }
-
-  closeNotes() {
-    this.notesVisible = false;
-    this.insertMode = false;
-  }
-
-  setInsertMode(value, requester) {
-    this.insertMode = value;
-    if (value) {
-      this.NotebookService.retrievePublicNotebookItems('public').then(() => {
-        this.notesVisible = true;
-      });
-    }
-    this.requester = requester;
-  }
-
-  insert(notebookItem, $event) {
-    if (this.requester === 'report') {
-      this.insertContent = angular.copy(notebookItem);
-      this.NotebookService.broadcastNotebookItemChosen({
-        requester: this.requester,
-        notebookItem: notebookItem
-      });
-    } else {
-      this.NotebookService.broadcastNotebookItemChosen({
-        requester: this.requester,
-        notebookItem: notebookItem
-      });
-    }
-  }
-}
-
-NotebookController.$inject = [
-  '$filter',
-  '$mdDialog',
-  '$scope',
-  '$rootScope',
-  'ConfigService',
-  'NotebookService',
-  'ProjectService',
-  'StudentAssetService',
-  'StudentDataService'
-];
-
-const Notebook = {
-  bindings: {
-    filter: '@',
-    mode: '@',
-    workgroupId: '='
-  },
-  template: `<div ng-if="::$ctrl.config.enabled" ng-class="{'notes-visible': $ctrl.notesVisible}">
-      <div class="notebook-overlay"></div>
-      <notebook-launcher ng-if="::$ctrl.config.itemTypes.note.enabled"
-                 config="$ctrl.config"
-                 note-count="$ctrl.notebook.items.length"
-                 notes-visible="$ctrl.notesVisible"
-                 on-open="$ctrl.open(value, event)"></notebook-launcher>
-      <notebook-report ng-if="::$ctrl.config.itemTypes.report.enabled"
-               mode="{{$ctrl.mode}}"
-               insert-content="$ctrl.insertContent"
-               insert-mode="$ctrl.insertMode"
-               config="$ctrl.config"
-               reportId="::$ctrl.reportId"
-               visible="$ctrl.reportVisible"
-               workgroup-id="::$ctrl.workgroupId"
-               on-collapse="$ctrl.insertMode=false"
-               on-set-insert-mode="$ctrl.setInsertMode(value, requester)"></notebook-report>
-    </div>
-    <notebook-notes ng-if="::$ctrl.config.enabled"
-            notebook="$ctrl.notebook"
-            notes-visible="$ctrl.notesVisible"
-            config="$ctrl.config"
-            insert-mode="$ctrl.insertMode"
-            workgroup-id="$ctrl.workgroupId"
-            on-close="$ctrl.closeNotes()"
-            on-insert="$ctrl.insert(note, event)"
-            on-set-insert-mode="$ctrl.setInsertMode(value, requester)"></notebook-notes>
-    `,
-  controller: NotebookController
-};
-
-export default Notebook;
diff --git a/src/main/webapp/wise5/themes/default/notebook/notebookComponents.js b/src/main/webapp/wise5/themes/default/notebook/notebookComponents.js
deleted file mode 100644
index 8b52a06ba9..0000000000
--- a/src/main/webapp/wise5/themes/default/notebook/notebookComponents.js
+++ /dev/null
@@ -1,19 +0,0 @@
-'use strict';
-
-import Notebook from './notebook/notebook';
-import NotebookItem from './notebookItem/notebookItem';
-import NotebookNotes from './notebookNotes/notebookNotes';
-import NotebookReport from './notebookReport/notebookReport';
-import NotebookReportAnnotations from './notebookReportAnnotations/notebookReportAnnotations';
-import NotebookLauncher from './notebookLauncher/notebookLauncher';
-
-const NotebookComponents = angular.module('theme.notebook', []);
-
-NotebookComponents.component('notebook', Notebook);
-NotebookComponents.component('notebookItem', NotebookItem);
-NotebookComponents.component('notebookNotes', NotebookNotes);
-NotebookComponents.component('notebookReport', NotebookReport);
-NotebookComponents.component('notebookReportAnnotations', NotebookReportAnnotations);
-NotebookComponents.component('notebookLauncher', NotebookLauncher);
-
-export default NotebookComponents;
diff --git a/src/main/webapp/wise5/themes/default/notebook/notebookItem/notebookItem.js b/src/main/webapp/wise5/themes/default/notebook/notebookItem/notebookItem.js
deleted file mode 100644
index fafef69e40..0000000000
--- a/src/main/webapp/wise5/themes/default/notebook/notebookItem/notebookItem.js
+++ /dev/null
@@ -1,231 +0,0 @@
-'use strict';
-
-class NotebookItemController {
-  constructor($injector,
-              $mdDialog,
-              $rootScope,
-              $scope,
-              $filter,
-              ConfigService,
-              NotebookService,
-              ProjectService,
-              StudentAssetService,
-              StudentDataService,
-              UtilService) {
-    this.$injector = $injector;
-    this.$mdDialog = $mdDialog;
-    this.$rootScope = $rootScope;
-    this.$scope = $scope;
-    this.$filter = $filter;
-    this.ConfigService = ConfigService;
-    this.NotebookService = NotebookService;
-    this.ProjectService = ProjectService;
-    this.StudentAssetService = StudentAssetService;
-    this.StudentDataService = StudentDataService;
-    this.UtilService = UtilService;
-    this.$translate = this.$filter('translate');
-    this.$scope.$on('$destroy', () => {
-      this.ngOnDestroy();
-    });
-  }
-
-  ngOnDestroy() {
-    this.unsubscribeAll();
-  }
-
-  unsubscribeAll() {
-    this.notebookUpdatedSubscription.unsubscribe();
-  }
-
-  $onInit() {
-    this.item = this.note;
-    this.type = this.item ? this.item.type : null;
-    this.label = this.config.itemTypes[this.type].label;
-    if (this.group === 'public') {
-      this.color = 'orange';
-    } else {
-      this.color = this.label.color;
-    }
-
-    this.notebookUpdatedSubscription = this.NotebookService.notebookUpdated$.subscribe((args) => {
-      const notebook = args.notebook;
-      if (notebook.items[this.itemId]) {
-        this.item = notebook.items[this.itemId].last();
-      }
-    });
-  }
-
-  isItemInGroup(group) {
-    return this.item.groups != null && this.item.groups.includes(group);
-  }
-
-  getItemNodeId() {
-    if (this.item == null) {
-      return null;
-    } else {
-      return this.item.nodeId;
-    }
-  }
-
-  getItemNodeLink() {
-    if (this.item == null) {
-      return '';
-    } else {
-      return this.ProjectService.getNodePositionAndTitleByNodeId(this.item.nodeId);
-    }
-  }
-
-  getItemNodePosition() {
-    if (this.item == null) {
-      return '';
-    } else {
-      return this.ProjectService.getNodePositionById(this.item.nodeId);
-    }
-  }
-
-  doDelete(ev) {
-    ev.stopPropagation();
-    const confirm = this.$mdDialog.confirm()
-      .title(this.$translate('deleteNoteConfirmMessage'))
-      .ariaLabel('delete note confirmation')
-      .targetEvent(ev)
-      .ok(this.$translate('delete'))
-      .cancel(this.$translate('cancel'));
-    this.$mdDialog.show(confirm).then(() => {
-      this.NotebookService.deleteNote(this.item);
-    }, () => {
-      // they chose not to delete. Do nothing, the dialog will close.
-    });
-  }
-
-  doRevive(ev) {
-    ev.stopPropagation();
-    const confirm = this.$mdDialog.confirm()
-      .title(this.$translate('reviveNoteConfirmMessage'))
-      .ariaLabel('revive note confirmation')
-      .targetEvent(ev)
-      .ok(this.$translate('revive'))
-      .cancel(this.$translate('cancel'));
-    this.$mdDialog.show(confirm).then(() => {
-      this.NotebookService.reviveNote(this.item);
-    }, () => {
-      // they chose not to revive. Do nothing, the dialog will close.
-    });
-  }
-
-  doSelect(ev) {
-    if (this.onSelect) {
-      this.onSelect({$ev: ev, note: this.item});
-    }
-  }
-
-  canShareNotebookItem() {
-    return this.ProjectService.isSpaceExists('public') &&
-        this.isMyNotebookItem() &&
-        this.item.serverDeleteTime == null &&
-        !this.isChooseMode &&
-        !this.isItemInGroup('public');
-  }
-
-  canUnshareNotebookItem() {
-    return this.ProjectService.isSpaceExists('public') &&
-        this.isMyNotebookItem() &&
-        this.item.serverDeleteTime == null &&
-        !this.isChooseMode &&
-        this.isItemInGroup('public');
-  }
-
-  canDeleteNotebookItem() {
-    return this.isMyNotebookItem() &&
-        this.item.serverDeleteTime == null &&
-        !this.isChooseMode;
-  }
-
-  canReviveNotebookItem() {
-    return this.item.serverDeleteTime != null && !this.isChooseMode;
-  }
-
-  isMyNotebookItem() {
-    return this.item.workgroupId === this.ConfigService.getWorkgroupId();
-  }
-
-  isNotebookItemActive() {
-    return this.item.serverDeleteTime == null;
-  }
-}
-
-NotebookItemController.$inject = [
-  '$injector',
-  '$mdDialog',
-  '$rootScope',
-  '$scope',
-  '$filter',
-  'ConfigService',
-  'NotebookService',
-  'ProjectService',
-  'StudentAssetService',
-  'StudentDataService',
-  'UtilService'
-];
-
-const NotebookItem = {
-  bindings: {
-    itemId: '<',
-    group: '@',
-    note: '<',
-    isChooseMode: '<',
-    config: '<',
-    componentController: '<',
-    workgroupId: '<',
-    onSelect: '&'
-  },
-  template:
-    `<md-card class="notebook-item"
-                  ng-if="$ctrl.isNotebookItemActive()"
-                  ng-mouseenter="focus=true;"
-                  ng-mouseleave="focus=false;"
-                  ng-class="{'md-whiteframe-5dp': focus}"
-                  ng-click="$ctrl.doSelect($event)">
-            <md-card-content aria-label="View"
-                             class="notebook-item__content notebook-item__edit"
-                             ng-class="{'notebook-item__content--text-only': !$ctrl.item.content.attachments.length}"
-                             md-ink-ripple
-                             flex
-                             layout="column"
-                             layout-align="center center">
-                <div ng-repeat="attachment in $ctrl.item.content.attachments"
-                     ng-if="$first"
-                     class="notebook-item__content__attachment"
-                     style="background: url('{{attachment.iconURL}}')"></div>
-                <div ng-if="$ctrl.item.content.text"
-                     class="notebook-item__content__text notebook-item__edit md-body-1"
-                     style="color: {{$ctrl.label.color}}">
-                    {{$ctrl.item.content.text}}
-                </div>
-            </md-card-content>
-            <md-card-actions class="notebook-item__actions"
-                             layout="row"
-                             layout-align="start center"
-                             style="background-color: {{$ctrl.color}}">
-                <span class="notebook-item__content__location"><md-icon> place </md-icon><span class="md-body-1">{{$ctrl.getItemNodePosition()}}</span></span>
-                <span flex></span>
-                <md-button class="md-icon-button"
-                           ng-if="$ctrl.canDeleteNotebookItem()"
-                           aria-label="Delete notebook item"
-                           ng-click="$ctrl.doDelete($event)">
-                    <md-icon> delete </md-icon>
-                    <md-tooltip md-direction="top">{{ ::'DELETE' | translate }}</md-tooltip>
-                </md-button>
-                <md-button class="md-icon-button"
-                           ng-if="$ctrl.canReviveNotebookItem()"
-                           aria-label="Revive notebook item"
-                           ng-click="$ctrl.doRevive($event)">
-                    <md-icon> undo </md-icon>
-                    <md-tooltip md-direction="top">{{ ::'reviveNote' | translate }}</md-tooltip>
-                </md-button>
-            </md-card-actions>
-        </md-card>`,
-  controller: NotebookItemController
-};
-
-export default NotebookItem;
diff --git a/src/main/webapp/wise5/themes/default/notebook/notebookItemChooser.html b/src/main/webapp/wise5/themes/default/notebook/notebookItemChooser.html
deleted file mode 100644
index 46f0f55a76..0000000000
--- a/src/main/webapp/wise5/themes/default/notebook/notebookItemChooser.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<md-bottom-sheet ng-cloak>
-  <h4 class="md-body-2">{{ 'chooseNotebookItemToAdd' | translate }}</h4>
-  <div layout="row" class="notebook-item-chooser__contents">
-    <notebook-item ng-repeat="(localNotebookItemId, notebookItems) in notebookItemChooserController.notebookItems"
-                   ng-if="notebookItems.last().type === 'note'"
-                   item-id="localNotebookItemId"
-                   is-edit-allowed="false"
-                   is-choose-mode="true"
-                   on-select="chooseNotebookItem(notebookItems.last())">
-    </notebook-item>
-  </div> <!-- TODO: add questions when supported -->
-</md-bottom-sheet>
diff --git a/src/main/webapp/wise5/themes/default/notebook/notebookLauncher/notebookLauncher.js b/src/main/webapp/wise5/themes/default/notebook/notebookLauncher/notebookLauncher.js
deleted file mode 100644
index abd80e184b..0000000000
--- a/src/main/webapp/wise5/themes/default/notebook/notebookLauncher/notebookLauncher.js
+++ /dev/null
@@ -1,70 +0,0 @@
-'use strict';
-
-class NotebookLauncherController {
-  constructor($filter, $timeout) {
-    this.$filter = $filter;
-    this.$timeout = $timeout;
-    this.$translate = this.$filter('translate');
-  }
-
-  $onInit() {
-    this.translationData = {
-      noteLabel: this.config.itemTypes.note.label.singular
-    }
-  }
-
-  fabAction($event) {
-    if (this.notesVisible) {
-      this.open($event, 'new');
-    } else {
-      this.open($event, 'note');
-    }
-  }
-
-  open($event, target) {
-    $event.stopPropagation();
-    this.onOpen({value: target, event: $event});
-    this.isOpen = false;
-  }
-
-  fabLabel() {
-    if (this.notesVisible) {
-      return this.$translate('addNote',
-          { noteLabel: this.config.itemTypes.note.label.singular });
-    } else {
-      return this.config.label;
-    }
-  }
-
-  isShowButton() {
-    return !this.notesVisible || this.config.itemTypes.note.enableAddNote;
-  }
-}
-
-NotebookLauncherController.$inject = [
-  '$filter',
-  '$timeout'
-];
-
-const NotebookLauncher = {
-  bindings: {
-    config: '<',
-    noteCount: '<',
-    notesVisible: '<',
-    onOpen: '&'
-  },
-  template:
-    `<md-button ng-if="$ctrl.isShowButton()"
-                    class="md-scale md-fab md-fab-bottom-right notebook-launcher"
-                    aria-label="{{ ::$ctrl.fabLabel() }}"
-                    ng-click="$ctrl.fabAction($event)">
-            <md-icon ng-if="!$ctrl.notesVisible">{{ ::$ctrl.config.icon }}</md-icon>
-            <md-icon ng-if="$ctrl.notesVisible">add</md-icon>
-            <md-tooltip md-direction="top">
-                {{ ::$ctrl.fabLabel() }}
-            </md-tooltip>
-        </md-button>`,
-  controller: NotebookLauncherController
-};
-
-export default NotebookLauncher;
diff --git a/src/main/webapp/wise5/themes/default/notebook/notebookNotes/notebookNotes.js b/src/main/webapp/wise5/themes/default/notebook/notebookNotes/notebookNotes.js
deleted file mode 100644
index 4818634be6..0000000000
--- a/src/main/webapp/wise5/themes/default/notebook/notebookNotes/notebookNotes.js
+++ /dev/null
@@ -1,279 +0,0 @@
-'use strict';
-
-class NotebookNotesController {
-  constructor($filter,
-              $rootScope,
-              $scope,
-              NotebookService,
-              ProjectService) {
-    this.$translate = $filter('translate');
-    this.$rootScope = $rootScope;
-    this.NotebookService = NotebookService;
-    this.ProjectService = ProjectService;
-    this.groups = [];
-    this.selectedTabIndex = 0;
-    this.$scope = $scope;
-    this.groupNameToGroup = {};
-
-    this.$scope.$on('$destroy', () => {
-      this.ngOnDestroy();
-    });
-  }
-
-  ngOnDestroy() {
-    this.unsubscribeAll();
-  }
-
-  unsubscribeAll() {
-    this.notebookUpdatedSubscription.unsubscribe();
-    this.openNotebookSubscription.unsubscribe();
-    this.publicNotebookItemsRetrievedSubscription.unsubscribe();
-  }
-
-  $onInit() {
-    this.color = this.config.itemTypes.note.label.color;
-    const personalGroup = {
-      title: 'Personal',
-      name: 'private',
-      isEditAllowed: true,
-      items: []
-    };
-    this.addPersonalGroupToGroups(personalGroup);
-    const spaces = this.ProjectService.getSpaces();
-    this.addSpacesToGroups(spaces);
-    this.hasNotes = this.isHasNotes();
-    
-    this.notebookUpdatedSubscription = this.NotebookService.notebookUpdated$.subscribe((args) => {
-      const notebookItem = args.notebookItem;
-      if ((notebookItem.groups == null || notebookItem.groups.length === 0) &&
-          notebookItem.type === 'note') {
-        this.updatePrivateNotebookNote(notebookItem);
-      }
-      if (notebookItem.groups != null && notebookItem.groups.includes('public')) {
-        this.updatePublicNotebookNote(notebookItem);
-      }
-    });
-
-    this.openNotebookSubscription = this.NotebookService.openNotebook$.subscribe((args) => {
-      this.selectedTabIndex = args.visibleSpace === 'public' ? 1 : 0;
-    });
-    
-    this.publicNotebookItemsRetrievedSubscription = 
-        this.NotebookService.publicNotebookItemsRetrieved$.subscribe(() => {
-      for (const group of this.groups) {
-        if (group.name !== 'private') {
-          group.items = this.NotebookService.publicNotebookItems[group.name];
-        }
-      }
-    });
-  }
-
-  $onChanges(changes) {
-    if (changes.notebook) {
-      this.notebook = angular.copy(changes.notebook.currentValue);
-      this.hasNotes = this.isHasNotes();
-    }
-  }
-
-  isHasNotes() {
-    return Object.keys(this.notebook.items).length ? true : false;
-  }
-
-  addPersonalGroupToGroups(personalGroup) {
-    this.groupNameToGroup['private'] = personalGroup;
-    for (const [personalItemKey, personalItemValue] of Object.entries(this.notebook.items)) {
-      if (personalItemValue.last().type === 'note') {
-        personalGroup.items.push(personalItemValue.last());
-      }
-    }
-    this.groups.push(personalGroup);
-  }
-
-  addSpacesToGroups(spaces) {
-    for (const space of spaces) {
-      if (space.isShowInNotebook) {
-        const spaceGroup = {
-          title: space.name,
-          name: space.id,
-          isEditAllowed: true,
-          items: []
-        };
-        this.groupNameToGroup[space.id] = spaceGroup;
-        this.groups.push(spaceGroup);
-      }
-    }
-  }
-
-  updatePrivateNotebookNote(notebookItem) {
-    this.updateNotebookNote(this.groupNameToGroup['private'],
-        notebookItem.localNotebookItemId, notebookItem.workgroupId, notebookItem);
-    if (this.groupNameToGroup['public'] != null) {
-      this.removeNotebookNote(this.groupNameToGroup['public'],
-        notebookItem.localNotebookItemId, notebookItem.workgroupId);
-    }
-  }
-
-  updatePublicNotebookNote(notebookItem) {
-    this.updateNotebookNote(this.groupNameToGroup['public'],
-        notebookItem.localNotebookItemId, notebookItem.workgroupId, notebookItem);
-    this.removeNotebookNote(this.groupNameToGroup['private'],
-        notebookItem.localNotebookItemId, notebookItem.workgroupId);
-  }
-
-  updateNotebookNote(group, localNotebookItemId, workgroupId, notebookItem) {
-    let added = false;
-    let items = group.items;
-    for (let i = 0; i < items.length; i++) {
-      let item = items[i];
-      if (item.localNotebookItemId == localNotebookItemId && item.workgroupId == workgroupId) {
-        items[i] = notebookItem;
-        added = true;
-      }
-    }
-    if (!added) {
-      items.push(notebookItem);
-    }
-  }
-
-  removeNotebookNote(group, localNotebookItemId, workgroupId) {
-    let items = group.items;
-    for (let i = 0; i < items.length; i++) {
-      let item = items[i];
-      if (item.localNotebookItemId == localNotebookItemId && item.workgroupId == workgroupId) {
-        items.splice(i, 1);
-        i--;
-      }
-    }
-  }
-
-  getTitle() {
-    if (this.insertMode) {
-      return this.$translate('selectItemToInsert');
-    } else {
-      return this.config.itemTypes.note.label.link;
-    }
-  }
-
-  editItem($ev, note) {
-    this.NotebookService.broadcastEditNote({note: note, isEditMode: !this.viewOnly, ev: $ev});
-  }
-
-  select($ev, note) {
-    if (this.insertMode) {
-      this.onInsert({note: note, event: $ev});
-    } else {
-      this.editItem($ev, note);
-    }
-  }
-
-  close($event) {
-    this.onClose($event);
-  }
-
-  cancelInsertMode($event) {
-    this.onSetInsertMode({value: false});
-  }
-}
-
-NotebookNotesController.$inject = [
-  '$filter',
-  '$rootScope',
-  '$scope',
-  'NotebookService',
-  'ProjectService'
-];
-
-const NotebookNotes = {
-  bindings: {
-    config: '<',
-    insertMode: '<',
-    notebook: '<',
-    notesVisible: '<',
-    viewOnly: '<',
-    workgroupId: '<',
-    onClose: '&',
-    onInsert: '&',
-    onSetInsertMode: '&',
-    mode: '@'
-  },
-  template:
-    `<md-sidenav ng-if="::$ctrl.mode !== 'classroomMonitor'" md-component-id="notes"
-        md-is-open="$ctrl.notesVisible"
-        md-whiteframe="4"
-        md-disable-backdrop
-        layout="column"
-        class="md-sidenav-right notebook-sidebar">
-      <md-toolbar>
-          <div class="md-toolbar-tools"
-               ng-class="{'insert-mode': $ctrl.insertMode}"
-               style="background-color: {{$ctrl.color}};">
-              {{$ctrl.getTitle()}}
-              <span flex></span>
-              <md-button ng-click="$ctrl.close($event)"
-                  class="md-icon-button"
-                  aria-label="{{ ::'Close' | translate }}">
-                <md-icon>close</md-icon>
-              </md-button>
-          </div>
-      </md-toolbar>
-      <md-content>
-      <md-tabs md-selected="$ctrl.selectedTabIndex" md-dynamic-height md-border-bottom md-autoselect 
-               md-swipe-content>
-        <md-tab ng-repeat="group in $ctrl.groups"
-            ng-disabled="::group.disabled"
-            label="{{::group.title}}">
-          <div class="center md-padding">
-              <div class="notebook-items" ng-class="{'notebook-items--insert': $ctrl.insertMode}" layout="row" layout-wrap>
-                <div class="md-padding" ng-if="!$ctrl.hasNotes" translate="noNotes" translate-value-term="{{::$ctrl.config.itemTypes.note.label.plural}}"></div>
-                <notebook-item ng-repeat="note in group.items"
-                    config="$ctrl.config"
-                    group="{{::group.name}}"
-                    item-id="note.localNotebookItemId"
-                    is-edit-allowed="group.isEditAllowed"
-                    is-choose-mode="$ctrl.insertMode"
-                    note="note"
-                    workgroup-id="note.workgroupId"
-                    on-select="$ctrl.select($ev, note)"
-                    style="display: flex;"
-                    flex="100"
-                    flex-gt-xs="50">
-                </notebook-item>
-            </div>
-          </div>
-        </md-tab>
-      </md-tabs>
-      </md-content>
-    </md-sidenav>
-    <div ng-if="::$ctrl.mode === 'classroomMonitor'" md-dynamic-height md-border-bottom md-autoselect md-swipe-content>
-      <div ng-repeat="group in $ctrl.groups"
-          ng-disabled="::group.disabled"
-          label="{{group.title}}">
-        <div ng-if="$ctrl.hasNotes" class="center md-padding">
-          <div class="notebook-items notebook-items--grading" ng-class="{'notebook-items--insert': $ctrl.insertMode}" layout="row" layout-wrap>
-            <notebook-item ng-repeat="note in group.items"
-                config="$ctrl.config"
-                group="{{group.name}}"
-                item-id="note.localNotebookItemId"
-                is-edit-allowed="group.isEditAllowed"
-                is-choose-mode="$ctrl.insertMode"
-                note="note"
-                workgroup-id="note.workgroupId"
-                on-select="$ctrl.select($ev, note)"
-                style="display: flex;"
-                flex="100"
-                flex-gt-xs="50"
-                flex-gt-sm="33"
-                flex-gt-md="25">
-            </notebook-item>
-          </div>
-        </div>
-        <div ng-if="!$ctrl.hasNotes" class="md-padding">
-          <p translate="noNotes" translate-value-term="{{$ctrl.config.itemTypes.note.label.plural}}"></p>
-        </div>
-      </div>
-    </div>
-    `,
-  controller: NotebookNotesController
-};
-
-export default NotebookNotes;
diff --git a/src/main/webapp/wise5/themes/default/notebook/notebookReport/notebookReport.js b/src/main/webapp/wise5/themes/default/notebook/notebookReport/notebookReport.js
deleted file mode 100644
index 00a09a2286..0000000000
--- a/src/main/webapp/wise5/themes/default/notebook/notebookReport/notebookReport.js
+++ /dev/null
@@ -1,285 +0,0 @@
-'use strict';
-
-class NotebookReportController {
-  constructor(
-    $filter,
-    $mdSidenav,
-    $scope,
-    $timeout,
-    AnnotationService,
-    ConfigService,
-    NotebookService,
-    ProjectService
-  ) {
-    this.$filter = $filter;
-    this.$mdSidenav = $mdSidenav;
-    this.$scope = $scope;
-    this.$timeout = $timeout;
-    this.AnnotationService = AnnotationService;
-    this.ConfigService = ConfigService;
-    this.NotebookService = NotebookService;
-    this.ProjectService = ProjectService;
-    this.$translate = this.$filter('translate');
-    this.hasReport = false;
-    this.full = false;
-    this.collapsed = true;
-    this.dirty = false;
-    this.autoSaveIntervalMS = 30000;
-    this.saveMessage = {
-      text: '',
-      time: ''
-    };
-  }
-
-  $onInit() {
-    this.reportId = this.config.itemTypes.report.notes[0].reportId;
-    if (this.workgroupId == null) {
-      this.workgroupId = this.ConfigService.getWorkgroupId();
-    }
-    this.reportItem = this.NotebookService.getLatestNotebookReportItemByReportId(
-      this.reportId,
-      this.workgroupId
-    );
-    if (this.reportItem) {
-      this.hasReport = true;
-      const clientSaveTime = this.convertServerSaveTimeToClientSaveTime(
-        this.reportItem.serverSaveTime
-      );
-      this.setSavedMessage(clientSaveTime);
-    } else {
-      // student doesn't have work for this report yet, so get the default template.
-      this.reportItem = this.NotebookService.getTemplateReportItemByReportId(this.reportId);
-      if (this.reportItem == null) {
-        // don't allow student to work on the report
-        return;
-      }
-    }
-    this.maxScore = this.NotebookService.getMaxScoreByReportId(this.reportId);
-
-    if (this.mode !== 'classroomMonitor') {
-      this.reportItem.id = null; // set the id to null so it can be inserted as initial version, as opposed to updated. this is true for both new and just-loaded reports.
-    }
-    this.reportItemContent = this.ProjectService.injectAssetPaths(this.reportItem.content.content);
-    this.latestAnnotations = this.AnnotationService.getLatestNotebookItemAnnotations(
-      this.workgroupId,
-      this.reportId
-    );
-    this.startAutoSaveInterval();
-    this.isAddNoteButtonAvailable = this.isNoteEnabled();
-
-    /**
-     * Captures the annotation received event, checks whether the given
-     * annotation id matches this report id, updates UI accordingly
-     */
-    this.notebookItemAnnotationReceivedSubscription = this.NotebookService.notebookItemAnnotationReceived$.subscribe(
-      ({ annotation }) => {
-        if (annotation.localNotebookItemId === this.reportId) {
-          this.hasNewAnnotation = true;
-          this.latestAnnotations = this.AnnotationService.getLatestNotebookItemAnnotations(
-            this.workgroupId,
-            this.reportId
-          );
-        }
-      }
-    );
-
-    /**
-     * Captures the show report annotations event, opens report (if collapsed)
-     * and scrolls to the report annotations display
-     */
-    this.showReportAnnotationsSubscription = this.NotebookService.showReportAnnotations$.subscribe(
-      () => {
-        if (this.collapsed) {
-          this.collapse();
-        }
-
-        // scroll to report annotations (bottom)
-        const $notebookReportContent = $('.notebook-report__content');
-        $timeout(() => {
-          $notebookReportContent.animate(
-            {
-              scrollTop: $notebookReportContent.prop('scrollHeight')
-            },
-            500
-          );
-        }, 500);
-      }
-    );
-  }
-
-  convertServerSaveTimeToClientSaveTime(serverSaveTime) {
-    return this.ConfigService.convertToClientTimestamp(serverSaveTime);
-  }
-
-  collapse() {
-    this.collapsed = !this.collapsed;
-    if (this.collapsed) {
-      this.onCollapse();
-    }
-  }
-
-  fullscreen() {
-    if (this.collapsed) {
-      this.full = true;
-      this.collapsed = false;
-    } else {
-      this.full = !this.full;
-    }
-  }
-
-  addNotebookItemContent($event) {
-    this.onSetInsertMode({ value: true, requester: 'report' });
-  }
-
-  changed(value) {
-    this.dirty = true;
-    this.reportItem.content.content = this.ConfigService.removeAbsoluteAssetPaths(value);
-    this.clearSavedMessage();
-  }
-
-  startAutoSaveInterval() {
-    this.stopAutoSaveInterval();
-    this.autoSaveIntervalId = setInterval(() => {
-      if (this.dirty) {
-        this.saveNotebookReportItem();
-      }
-    }, this.autoSaveIntervalMS);
-  }
-
-  stopAutoSaveInterval() {
-    clearInterval(this.autoSaveIntervalId);
-  }
-
-  saveNotebookReportItem() {
-    // set save timestamp
-    this.NotebookService.saveNotebookItem(
-      this.reportItem.id,
-      this.reportItem.nodeId,
-      this.reportItem.localNotebookItemId,
-      this.reportItem.type,
-      this.reportItem.title,
-      this.reportItem.content,
-      this.reportItem.groups,
-      Date.parse(new Date().toString())
-    ).then(result => {
-      if (result) {
-        this.dirty = false;
-        this.hasNewAnnotation = false;
-        // set the reportNotebookItemId to the newly-incremented id so that future saves during this
-        // visit will be an update instead of an insert.
-        this.reportItem.id = result.id;
-        this.setSavedMessage(this.convertServerSaveTimeToClientSaveTime(result.serverSaveTime));
-      }
-    });
-  }
-
-  setSavedMessage(time) {
-    this.setSaveText(this.$translate('SAVED'), time);
-  }
-
-  clearSavedMessage() {
-    this.setSaveText('', '');
-  }
-
-  setSaveText(message, time) {
-    this.saveMessage.text = message;
-    this.saveMessage.time = time;
-  }
-
-  isNoteEnabled() {
-    return this.config.itemTypes.note.enabled;
-  }
-}
-
-NotebookReportController.$inject = [
-  '$filter',
-  '$mdSidenav',
-  '$scope',
-  '$timeout',
-  'AnnotationService',
-  'ConfigService',
-  'NotebookService',
-  'ProjectService'
-];
-
-const NotebookReport = {
-  bindings: {
-    config: '<',
-    insertContent: '<',
-    insertMode: '<',
-    reportId: '<',
-    visible: '<',
-    workgroupId: '<',
-    onCollapse: '&',
-    onSetInsertMode: '&',
-    mode: '@'
-  },
-  template: `<div ng-if="::$ctrl.mode !== 'classroomMonitor' && ($ctrl.visible && $ctrl.full && !$ctrl.collapsed) || $ctrl.insertMode" class="notebook-report-backdrop"></div>
-        <div ng-if="$ctrl.visible" class="notebook-report-container"
-              ng-class="{'notebook-report-container__collapsed': $ctrl.collapsed, 'notebook-report-container__full': $ctrl.full && !$ctrl.collapsed}">
-            <md-card class="notebook-report md-whiteframe-3dp l-constrained">
-                <md-toolbar ng-click="$ctrl.collapsed ? $ctrl.collapse() : return" class="md-toolbar--wise md-toolbar--wise--sm notebook-report__toolbar">
-                    <md-toolbar-tools class="md-toolbar-tools">
-                        <md-icon>assignment</md-icon>&nbsp;
-                        <span ng-if="$ctrl.collapsed" class="overflow--ellipsis notebook-report__toolbar__title">{{::$ctrl.reportItem.content.title}}</span>
-                        <span flex></span>
-                        <md-button aria-label="{{::'toggleFullScreen' | translate}}" title="{{::'toggleFullScreen' | translate}}" class="md-icon-button notebook-tools--full"
-                                   ng-click="$ctrl.fullscreen()">
-                            <md-icon ng-if="!$ctrl.full || $ctrl.collapsed"> fullscreen </md-icon>
-                            <md-icon ng-if="$ctrl.full && !$ctrl.collapsed"> fullscreen_exit </md-icon>
-                        </md-button>
-                        <md-button aria-label="{{::'collapse' | translate}}" title="{{::'collapse' | translate}}" class="md-icon-button"
-                                   ng-if="!$ctrl.collapsed" ng-click="$event.stopPropagation(); $ctrl.collapse()">
-                            <md-icon> arrow_drop_down </md-icon>
-                        </md-button>
-                        <md-button aria-label="{{::'restore' | translate}}" title="{{'restore' | translate}}" class="md-icon-button"
-                                   ng-if="$ctrl.collapsed" ng-click="$event.stopPropagation(); $ctrl.collapse()">
-                            <md-icon> arrow_drop_up </md-icon>
-                        </md-button>
-                    </md-toolbar-tools>
-                    <div class="notebook-report__content__header md-whiteframe-1dp" layout="row" layout-align="start center">
-                        <span style="color: {{::$ctrl.config.itemTypes.report.label.color}};">{{::$ctrl.reportItem.content.title}}</span>
-                        <span flex></span>
-                        <md-icon aria-label="{{::$ctrl.reportItem.content.title}} info" style="color: {{::$ctrl.config.itemTypes.report.label.color}};">
-                            info
-                            <md-tooltip md-direction="left">{{::$ctrl.reportItem.content.prompt}}</md-tooltip>
-                        </md-icon>
-                    </div>
-                </md-toolbar>
-                <md-content class="notebook-report__content" flex>
-                    <wise-tinymce-editor
-                        [(model)]="$ctrl.reportItemContent"
-                        (model-change)="$ctrl.changed($ctrl.reportItemContent)"
-                        [is-add-note-button-available]="$ctrl.isAddNoteButtonAvailable"
-                        (open-notebook)="$ctrl.addNotebookItemContent($event)">
-                    </wise-tinymce-editor>
-                    <notebook-report-annotations annotations="$ctrl.latestAnnotations"
-                                                 has-new="$ctrl.hasNewAnnotation"
-                                                 max-score="$ctrl.maxScore"></notebook-report-annotations>
-                </md-content>
-                <md-card-actions class="notebook-report__actions">
-                    <div id="{{$ctrl.reportId}}-toolbar"></div>
-                    <div layout="row" layout-align="start center">
-                        <md-button class="md-primary md-raised button--small"
-                                   aria-label="{{ ::'save' | translate }}"
-                                   ng-disabled="!$ctrl.dirty"
-                                   ng-click="$ctrl.saveNotebookReportItem()">{{ 'save' | translate }}</md-button>
-                        <span ng-if="$ctrl.saveMessage.text"
-                              class="component__actions__info md-caption">
-                              {{$ctrl.saveMessage.text}} <span class="component__actions__more"><md-tooltip md-direction="top">{{ $ctrl.saveMessage.time | amDateFormat:'ddd, MMM D YYYY, h:mm a' }}</md-tooltip><span am-time-ago="$ctrl.saveMessage.time"></span></span>
-                        </span>
-                    </div>
-                </md-card-actions>
-            </md-card>
-        </div>
-        <div ng-if="::$ctrl.mode === 'classroomMonitor'">
-            <article ng-if="$ctrl.hasReport">
-              <compile data="$ctrl.reportItemContent"></compile>
-            </article>
-            <p ng-if="!$ctrl.hasReport" translate="noReport" translate-value-term="{{$ctrl.config.itemTypes.report.notes[0].title}}"></p>
-            <!--<notebook-item-grading notebook-item="$ctrl.reportItem"></notebook-item-grading>-->
-        </div>`,
-  controller: NotebookReportController
-};
-
-export default NotebookReport;
diff --git a/src/main/webapp/wise5/themes/default/notebook/notebookReportAnnotations/notebookReportAnnotations.js b/src/main/webapp/wise5/themes/default/notebook/notebookReportAnnotations/notebookReportAnnotations.js
deleted file mode 100644
index f65e56ea46..0000000000
--- a/src/main/webapp/wise5/themes/default/notebook/notebookReportAnnotations/notebookReportAnnotations.js
+++ /dev/null
@@ -1,146 +0,0 @@
-'use strict';
-
-class NotebookReportAnnotationsController {
-  constructor($scope,
-              $filter,
-              ConfigService,
-              ProjectService,
-              StudentDataService) {
-    this.$scope = $scope;
-    this.$filter = $filter;
-    this.ConfigService = ConfigService;
-    this.ProjectService = ProjectService;
-    this.StudentDataService = StudentDataService;
-    this.$translate = this.$filter('translate');
-    this.maxScoreDisplay = (parseInt(this.maxScore) > 0) ? '/' + this.maxScore : '';
-    this.latestAnnotationTime = null;
-    this.isNew = false;
-    this.label = '';
-    this.icon = 'person';
-    this.showScore = true;
-    this.showComment = true;
-
-    this.$onChanges = (changes) => {
-      if (changes.annotations) {
-        this.annotations = angular.copy(changes.annotations.currentValue);
-        this.processAnnotations();
-      }
-    };
-  }
-
-  /**
-   * Get the most recent annotation (from the current score and comment annotations)
-   * @return Object (latest annotation)
-   */
-  getLatestAnnotation() {
-    let latestAnnotation = null;
-    if (this.annotations.comment || this.annotations.score) {
-      const commentSaveTime = this.annotations.comment ? this.annotations.comment.serverSaveTime : 0;
-      const scoreSaveTime = this.annotations.score ? this.annotations.score.serverSaveTime : 0;
-      if (commentSaveTime >= scoreSaveTime) {
-        latestAnnotation = this.annotations.comment;
-      } else if (scoreSaveTime > commentSaveTime) {
-        latestAnnotation = this.annotations.score;
-      }
-    }
-    return latestAnnotation;
-  }
-
-  /**
-   * Calculate the save time of the latest annotation
-   * @return Number (latest annotation post time)
-   */
-  getLatestAnnotationTime() {
-    const latestAnnotation = this.getLatestAnnotation();
-    if (latestAnnotation) {
-      return this.ConfigService.convertToClientTimestamp(latestAnnotation.serverSaveTime);
-    }
-    return null;
-  }
-
-  /**
-   * Set the label based on whether this is an automated or teacher annotation
-   **/
-  setLabelAndIcon() {
-    const latestAnnotation = this.getLatestAnnotation();
-    if (latestAnnotation) {
-      if (latestAnnotation.type === 'autoComment' || latestAnnotation.type === 'autoScore') {
-        this.label = this.$translate('automatedFeedbackLabel');
-        this.icon = 'keyboard';
-      } else {
-        this.label = this.$translate('teacherFeedbackLabel');
-        this.icon = 'person';
-      }
-    }
-  }
-
-  processAnnotations() {
-    if (this.annotations.comment || this.annotations.score) {
-      this.nodeId = this.annotations.comment ?
-          this.annotations.comment.nodeId : this.annotations.score.nodeId;
-      this.componentId = this.annotations.comment ?
-          this.annotations.comment.componentId : this.annotations.score.nodeId;
-
-      if (!this.ProjectService.displayAnnotation(this.annotations.score)) {
-        this.showScore = false;
-      }
-
-      if (!this.ProjectService.displayAnnotation(this.annotations.comment)) {
-        this.showComment = false;
-      }
-
-      this.setLabelAndIcon();
-      this.latestAnnotationTime = this.getLatestAnnotationTime();
-      this.show = (this.showScore && this.annotations.score) || (this.showComment && this.annotations.comment);
-    }
-  }
-}
-
-NotebookReportAnnotationsController.$inject = [
-  '$scope',
-  '$filter',
-  'ConfigService',
-  'ProjectService',
-  'StudentDataService'
-];
-
-const NotebookReportAnnotations = {
-  bindings: {
-    annotations: '<',
-    hasNew: '<',
-    maxScore: '<'
-  },
-  template:
-    `<div class="md-padding gray-lightest-bg annotations-container--student--report" ng-if="$ctrl.show">
-            <md-card class="annotations annotations--report">
-                <md-card-title class="annotations__header">
-                    <div class="annotations__avatar avatar--icon avatar--square md-36 avatar md-whiteframe-1dp">
-                        <md-icon class="annotations__icon md-36">{{$ctrl.icon}}</md-icon>
-                    </div>
-                    <div class="annotations__title" layout="row" flex>
-                        <span>{{$ctrl.label}}</span>
-                        <span flex></span>
-                        <span ng-if="$ctrl.hasNew" class="badge annotations__status animate-fade" translate="new"></span>
-                    </div>
-                </md-card-title>
-                <md-card-content class="annotations__body md-body-1">
-                    <div ng-if="$ctrl.showComment && $ctrl.annotations.comment.data.value"><compile data="$ctrl.annotations.comment.data.value"></compile></div>
-                    <hr ng-if="$ctrl.annotations.comment" />
-                    <div layout="row" laoyut-align="start center">
-                        <span ng-if="$ctrl.showScore && $ctrl.annotations.score"
-                              class="annotations__score"
-                              translate="SCORE_LABEL_AND_VALUE"
-                              translate-value-score="{{$ctrl.annotations.score.data.value}}{{$ctrl.maxScoreDisplay}}"></span>
-                        <span flex></span>
-                        <span>
-                            <span class="annotations__info" am-time-ago="$ctrl.latestAnnotationTime"></span>
-                            <md-tooltip md-direction="top">{{ $ctrl.latestAnnotationTime | amDateFormat:'ddd, MMM D YYYY, h:mm a' }}</md-tooltip>
-                        </span>
-                    </div>
-                </md-card-content>
-            </md-card>
-        </div>`,
-  controller: NotebookReportAnnotationsController
-};
-
-export default NotebookReportAnnotations;
diff --git a/src/main/webapp/wise5/themes/default/notebook/viewNotebookItem.html b/src/main/webapp/wise5/themes/default/notebook/viewNotebookItem.html
deleted file mode 100644
index dc4a4f539e..0000000000
--- a/src/main/webapp/wise5/themes/default/notebook/viewNotebookItem.html
+++ /dev/null
@@ -1,16 +0,0 @@
-<md-dialog aria-label="{{::title}}" class="view-notebook-item" ng-cloak>
-    <md-toolbar md-theme="light" class="md-whiteframe-1dp">
-        <div class="md-toolbar-tools">
-            <h2>{{::title}}</h2>
-        </div>
-    </md-toolbar>
-    <md-dialog-content>
-        <div class="md-dialog-content view-notebook-item__content">
-            <notebook-item item-id="itemId"></notebook-item>
-        </div>
-    </md-dialog-content>
-    <md-dialog-actions layout="row" layout-align="end center">
-        <md-button aria-label="Close" ng-click="cancel()">
-            {{ ::'close' | translate }}
-        </md-button>
-</md-dialog>
diff --git a/src/main/webapp/wise5/themes/default/templates/notebookDialog.html b/src/main/webapp/wise5/themes/default/templates/notebookDialog.html
deleted file mode 100644
index 470b94e19c..0000000000
--- a/src/main/webapp/wise5/themes/default/templates/notebookDialog.html
+++ /dev/null
@@ -1,16 +0,0 @@
-<md-dialog aria-label="Notebook">
-    <md-toolbar class="l-sidebar__header md-whiteframe-z1">
-        <div class="md-toolbar-tools">
-            <h3>{{ ::'notebook' | translate }}</h3>
-            <md-select class="md-body-1" md-theme="default" placeholder="Filter" ng-model="notebookFilter">
-                <md-option ng-repeat="filter in notebookFilters" value="{{filter.name}}">{{filter.label}}</md-option>
-            </md-select>
-        </div>
-    </md-toolbar>
-    <md-content class="md-padding">
-        <notebook template-url="notebookTemplateUrl" filter="notebookFilter" component-controller="componentController"></notebook>
-    </md-content>
-    <md-dialog-actions layout="row">
-        <md-button ng-click="closeDialog()" class="md-primary">{{ ::'CLOSE' | translate }}</md-button>
-    </div>
-</md-dialog>
diff --git a/src/main/webapp/wise5/themes/default/theme.js b/src/main/webapp/wise5/themes/default/theme.js
index 5cfce3ce1c..4ae23079bb 100644
--- a/src/main/webapp/wise5/themes/default/theme.js
+++ b/src/main/webapp/wise5/themes/default/theme.js
@@ -2,11 +2,10 @@
 
 import ThemeController from './themeController';
 import './themeComponents';
-import './notebook/notebookComponents';
 
 import './js/webfonts';
 
-const themeModule = angular.module('theme', ['theme.components', 'theme.notebook'])
+const themeModule = angular.module('theme', ['theme.components'])
     .controller('ThemeController', ThemeController);
 
 export default themeModule;
diff --git a/src/main/webapp/wise5/themes/default/vle.html b/src/main/webapp/wise5/themes/default/vle.html
index 18d2aaa5ca..13148ef934 100644
--- a/src/main/webapp/wise5/themes/default/vle.html
+++ b/src/main/webapp/wise5/themes/default/vle.html
@@ -26,7 +26,7 @@
         </div>
       </md-content>
       <global-annotations></global-annotations>
-      <notebook workgroup-id="::vleController.workgroupId"></notebook>
+      <notebook></notebook>
     </div>
   </listen-for-delete-keypress>
-</disable-delete-keypress>
+</disable-delete-keypress>
\ No newline at end of file
diff --git a/src/main/webapp/wise5/vle/student-angular-js-module.ts b/src/main/webapp/wise5/vle/student-angular-js-module.ts
index 9b3b411464..b24fbde72b 100644
--- a/src/main/webapp/wise5/vle/student-angular-js-module.ts
+++ b/src/main/webapp/wise5/vle/student-angular-js-module.ts
@@ -9,6 +9,7 @@ import VLEController from '../vle/vleController';
 import { VLEProjectService } from '../vle/vleProjectService';
 import { NavItemComponent } from './nav-item/nav-item.component';
 import { ComponentAnnotationsComponent } from '../directives/componentAnnotations/component-annotations.component';
+import { NotebookLauncherComponent } from '../../site/src/app/notebook/notebook-launcher/notebook-launcher.component';
 
 export function createStudentAngularJSModule(type = 'preview') {
   return angular.module(type, [
@@ -23,6 +24,8 @@ export function createStudentAngularJSModule(type = 'preview') {
   .factory('StudentWebSocketService', downgradeInjectable(StudentWebSocketService))
   .directive('navItem',
       downgradeComponent({ component: NavItemComponent }) as angular.IDirectiveFactory)
+  .directive('notebookLauncher',
+      downgradeComponent({ component: NotebookLauncherComponent }) as angular.IDirectiveFactory)
   .controller('NavigationController', NavigationController)
   .controller('NodeController', NodeController)
   .controller('VLEController', VLEController)

From 84be50b1ba427fbe057044bb5e91e42a469d8ace Mon Sep 17 00:00:00 2001
From: Hiroki Terashima <honchikun@gmail.com>
Date: Mon, 14 Dec 2020 11:08:15 -0800
Subject: [PATCH 02/36] Cleaned up code. #2827

---
 .../notebook-item.component.spec.ts           |  5 +--
 .../notebook-item/notebook-item.component.ts  |  7 ++-
 .../notebook-launcher.component.html          |  2 +-
 .../notebook-launcher.component.spec.ts       |  5 +--
 .../notebook-launcher.component.ts            |  5 +--
 .../notebook-notes.component.spec.ts          |  7 ++-
 .../notebook-notes.component.ts               | 44 +++++++++----------
 ...ebook-report-annotations.component.spec.ts |  7 ++-
 .../notebook-report-annotations.component.ts  | 19 +-------
 .../notebook-report.component.spec.ts         |  7 ++-
 .../notebook-report.component.ts              | 18 +-------
 .../notebook/notebook.component.spec.ts       |  7 ++-
 .../notebook/notebook/notebook.component.ts   | 30 +++++--------
 13 files changed, 57 insertions(+), 106 deletions(-)

diff --git a/src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.spec.ts b/src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.spec.ts
index 340fd81818..5e0a178189 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.spec.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.spec.ts
@@ -17,7 +17,6 @@ import { NotebookItemComponent } from "./notebook-item.component";
 let component: NotebookItemComponent;
 
 describe('NotebookItemComponent', () => {
-
   configureTestSuite(() => {
     TestBed.configureTestingModule({
       imports: [ HttpClientTestingModule, UpgradeModule ],
@@ -34,13 +33,13 @@ describe('NotebookItemComponent', () => {
         UtilService
       ]
     });
-  })
+  });
 
   beforeEach(() => {
     const fixture = TestBed.createComponent(NotebookItemComponent);
     component = fixture.componentInstance;
     component.notebookUpdatedSubscription = new Subscription();
-  })
+  });
 
   isItemInGroup();
   isNotebookItemActive();
diff --git a/src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.ts b/src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.ts
index 146fe46a9a..877afade7f 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.ts
@@ -42,7 +42,6 @@ export class NotebookItemComponent {
     private NotebookService: NotebookService,
     private ProjectService: ProjectService
   ) {
-
   }
 
   ngOnInit(): void {
@@ -55,8 +54,8 @@ export class NotebookItemComponent {
       this.color = this.label.color;
     }
 
-    this.notebookUpdatedSubscription = this.NotebookService.notebookUpdated$.subscribe((args) => {
-      const notebook = args.notebook;
+    this.notebookUpdatedSubscription = this.NotebookService.notebookUpdated$.subscribe(
+        ({notebook}) => {
       if (notebook.items[this.itemId]) {
         this.item = notebook.items[this.itemId].last();
       }
@@ -168,4 +167,4 @@ export class NotebookItemComponent {
   isNotebookItemActive(): boolean {
     return this.item.serverDeleteTime == null;
   }
-}
\ No newline at end of file
+}
diff --git a/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.html b/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.html
index cde598cef5..fe7c306fcf 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.html
+++ b/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.html
@@ -7,4 +7,4 @@
     (click)="fabAction($event)">
   <mat-icon *ngIf="!notesVisible">{{ config.icon }}</mat-icon>
   <mat-icon *ngIf="notesVisible">add</mat-icon>
-</button>
\ No newline at end of file
+</button>
diff --git a/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.spec.ts b/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.spec.ts
index 666010e5ad..0bcabc9fc2 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.spec.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.spec.ts
@@ -5,18 +5,17 @@ import { NotebookLauncherComponent } from "./notebook-launcher.component";
 let component: NotebookLauncherComponent;
 
 describe('NotebookLauncherComponent', () => {
-
   configureTestSuite(() => {
     TestBed.configureTestingModule({
       declarations: [ NotebookLauncherComponent ]
     });
-  })
+  });
 
   beforeEach(() => {
     const fixture = TestBed.createComponent(NotebookLauncherComponent);
     component = fixture.componentInstance;
     component.config = createConfig();
-  })
+  });
 
   isShowButton();
 });
diff --git a/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.ts b/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.ts
index aac22bb74c..2a80a88f38 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.ts
@@ -1,12 +1,11 @@
 import { Component, EventEmitter, Input, Output } from "@angular/core";
 
-
 @Component({
   selector: 'notebook-launcher',
   templateUrl: 'notebook-launcher.component.html'
 })
 export class NotebookLauncherComponent {
-  
+
   @Input()
   config: any;
 
@@ -53,4 +52,4 @@ export class NotebookLauncherComponent {
   isShowButton(): boolean {
     return !this.notesVisible || this.config.itemTypes.note.enableAddNote;
   }
-}
\ No newline at end of file
+}
diff --git a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.spec.ts b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.spec.ts
index c7de21c25b..57f52afb27 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.spec.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.spec.ts
@@ -17,7 +17,6 @@ import { NotebookNotesComponent } from "./notebook-notes.component";
 let component: NotebookNotesComponent;
 
 describe('NotebookNotesComponent', () => {
-
   configureTestSuite(() => {
     TestBed.configureTestingModule({
       imports: [ HttpClientTestingModule, UpgradeModule ],
@@ -34,7 +33,7 @@ describe('NotebookNotesComponent', () => {
         UtilService
       ]
     });
-  })
+  });
 
   beforeEach(() => {
     const fixture = TestBed.createComponent(NotebookNotesComponent);
@@ -42,7 +41,7 @@ describe('NotebookNotesComponent', () => {
     component.notebookUpdatedSubscription = new Subscription();
     component.openNotebookSubscription = new Subscription();
     component.publicNotebookItemsRetrievedSubscription = new Subscription();
-  })
+  });
 
   isHasNotes();
 });
@@ -56,4 +55,4 @@ function isHasNotes() {
     component.notebook = { items: [{}] };
     expect(component.isHasNotes()).toEqual(true);
   });
-}
\ No newline at end of file
+}
diff --git a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts
index 907787aa84..4f9b928033 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts
@@ -48,28 +48,17 @@ export class NotebookNotesComponent {
   openNotebookSubscription: Subscription;
   publicNotebookItemsRetrievedSubscription: Subscription;
 
-  constructor(
-    private NotebookService: NotebookService,
-    private ProjectService: ProjectService
-  ) {
-
+  constructor(private NotebookService: NotebookService, private ProjectService: ProjectService) {
   }
 
   ngOnInit(): void {
     this.color = this.config.itemTypes.note.label.color;
-    const personalGroup = {
-      title: 'Personal',
-      name: 'private',
-      isEditAllowed: true,
-      items: []
-    };
-    this.addPersonalGroupToGroups(personalGroup);
-    const spaces = this.ProjectService.getSpaces();
-    this.addSpacesToGroups(spaces);
+    this.addPersonalGroupToGroups();
+    this.addSpacesToGroups();
     this.hasNotes = this.isHasNotes();
 
-    this.notebookUpdatedSubscription = this.NotebookService.notebookUpdated$.subscribe((args) => {
-      const notebookItem = args.notebookItem;
+    this.notebookUpdatedSubscription = this.NotebookService.notebookUpdated$.subscribe(
+        ({notebookItem}) => {
       if ((notebookItem.groups == null || notebookItem.groups.length === 0) &&
           notebookItem.type === 'note') {
         this.updatePrivateNotebookNote(notebookItem);
@@ -80,11 +69,12 @@ export class NotebookNotesComponent {
       this.hasNotes = this.isHasNotes();
     });
 
-    this.openNotebookSubscription = this.NotebookService.openNotebook$.subscribe((args) => {
-      this.selectedTabIndex = args.visibleSpace === 'public' ? 1 : 0;
+    this.openNotebookSubscription = this.NotebookService.openNotebook$.subscribe(
+        ({visibleSpace}) => {
+      this.selectedTabIndex = visibleSpace === 'public' ? 1 : 0;
     });
-    
-    this.publicNotebookItemsRetrievedSubscription = 
+
+    this.publicNotebookItemsRetrievedSubscription =
         this.NotebookService.publicNotebookItemsRetrieved$.subscribe(() => {
       for (const group of this.groups) {
         if (group.name !== 'private') {
@@ -108,7 +98,13 @@ export class NotebookNotesComponent {
     return Object.keys(this.notebook.items).length ? true : false;
   }
 
-  addPersonalGroupToGroups(personalGroup: any): void {
+  addPersonalGroupToGroups(): void {
+    const personalGroup = {
+      title: 'Personal',
+      name: 'private',
+      isEditAllowed: true,
+      items: []
+    };
     this.groupNameToGroup['private'] = personalGroup;
     for (const [personalItemKey, personalItemValue] of Object.entries(this.notebook.items)) {
       if ((personalItemValue as any).last().type === 'note') {
@@ -118,8 +114,8 @@ export class NotebookNotesComponent {
     this.groups.push(personalGroup);
   }
 
-  addSpacesToGroups(spaces: any[]): void {
-    for (const space of spaces) {
+  addSpacesToGroups(): void {
+    for (const space of this.ProjectService.getSpaces()) {
       if (space.isShowInNotebook) {
         const spaceGroup = {
           title: space.name,
@@ -203,4 +199,4 @@ export class NotebookNotesComponent {
   cancelInsertMode($event: any): void {
     this.onSetInsertMode({value: false});
   }
-}
\ No newline at end of file
+}
diff --git a/src/main/webapp/site/src/app/notebook/notebook-report-annotations/notebook-report-annotations.component.spec.ts b/src/main/webapp/site/src/app/notebook/notebook-report-annotations/notebook-report-annotations.component.spec.ts
index b4484ac918..1d488061a1 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-report-annotations/notebook-report-annotations.component.spec.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-report-annotations/notebook-report-annotations.component.spec.ts
@@ -12,7 +12,6 @@ import { NotebookReportAnnotationsComponent } from "./notebook-report-annotation
 let component: NotebookReportAnnotationsComponent;
 
 describe('NotebookReportAnnotationsComponent', () => {
-
   configureTestSuite(() => {
     TestBed.configureTestingModule({
       imports: [ HttpClientTestingModule, UpgradeModule ],
@@ -25,12 +24,12 @@ describe('NotebookReportAnnotationsComponent', () => {
         VLEProjectService
       ]
     });
-  })
+  });
 
   beforeEach(() => {
     const fixture = TestBed.createComponent(NotebookReportAnnotationsComponent);
     component = fixture.componentInstance;
-  })
+  });
 
   setLabelAndIcon();
 });
@@ -47,4 +46,4 @@ function setLabelAndIcon() {
     expect(component.label).toEqual('Computer Feedback');
     expect(component.icon).toEqual('keyboard');
   });
-}
\ No newline at end of file
+}
diff --git a/src/main/webapp/site/src/app/notebook/notebook-report-annotations/notebook-report-annotations.component.ts b/src/main/webapp/site/src/app/notebook/notebook-report-annotations/notebook-report-annotations.component.ts
index d493ef02fa..1cc65537ea 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-report-annotations/notebook-report-annotations.component.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-report-annotations/notebook-report-annotations.component.ts
@@ -28,21 +28,13 @@ export class NotebookReportAnnotationsComponent {
   showComment: boolean = true;
   maxScoreDisplay: string;
 
-  constructor(
-    private ConfigService: ConfigService,
-    private ProjectService: VLEProjectService
-  ) {
-
+  constructor(private ConfigService: ConfigService, private ProjectService: VLEProjectService) {
   }
 
   ngOnInit(): void {
     this.maxScoreDisplay = (parseInt(this.maxScore) > 0) ? '/' + this.maxScore : '';
   }
 
-  /**
-   * Get the most recent annotation (from the current score and comment annotations)
-   * @return Object (latest annotation)
-   */
   getLatestAnnotation(): any {
     let latestAnnotation = null;
     if (this.annotations.comment || this.annotations.score) {
@@ -57,10 +49,6 @@ export class NotebookReportAnnotationsComponent {
     return latestAnnotation;
   }
 
-  /**
-   * Calculate the save time of the latest annotation
-   * @return Number (latest annotation post time)
-   */
   getLatestAnnotationTime(): any {
     const latestAnnotation = this.getLatestAnnotation();
     if (latestAnnotation) {
@@ -69,9 +57,6 @@ export class NotebookReportAnnotationsComponent {
     return null;
   }
 
-  /**
-   * Set the label based on whether this is an automated or teacher annotation
-   **/
   setLabelAndIcon(): void {
     const latestAnnotation = this.getLatestAnnotation();
     if (latestAnnotation) {
@@ -105,4 +90,4 @@ export class NotebookReportAnnotationsComponent {
       this.show = (this.showScore && this.annotations.score) || (this.showComment && this.annotations.comment);
     }
   }
-}
\ No newline at end of file
+}
diff --git a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.spec.ts b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.spec.ts
index 3865d19903..e699b4acd1 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.spec.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.spec.ts
@@ -16,7 +16,6 @@ import { NotebookReportComponent } from "./notebook-report.component";
 let component: NotebookReportComponent;
 
 describe('NotebookReportComponent', () => {
-
   configureTestSuite(() => {
     TestBed.configureTestingModule({
       imports: [ HttpClientTestingModule, UpgradeModule ],
@@ -33,13 +32,13 @@ describe('NotebookReportComponent', () => {
         UtilService
       ]
     });
-  })
+  });
 
   beforeEach(() => {
     const fixture = TestBed.createComponent(NotebookReportComponent);
     component = fixture.componentInstance;
     component.config = createConfig();
-  })
+  });
 
   isNoteEnabled();
   setSavedMessage();
@@ -87,4 +86,4 @@ function clearSavedMessage() {
     expect(component.saveMessage.text).toEqual('');
     expect(component.saveMessage.time).toEqual(null);
   });
-}
\ No newline at end of file
+}
diff --git a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.ts b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.ts
index 3de532cc1e..3d0b380bcc 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.ts
@@ -52,7 +52,7 @@ export class NotebookReportComponent {
   autoSaveIntervalId: any;
   saveMessage: any = {
     text: '',
-    time: null 
+    time: null
   };
   reportItem: any;
   reportItemContent: any;
@@ -68,7 +68,6 @@ export class NotebookReportComponent {
     private NotebookService: NotebookService,
     private ProjectService: ProjectService
   ) {
-
   }
 
   ngOnInit(): void {
@@ -87,10 +86,8 @@ export class NotebookReportComponent {
       );
       this.setSavedMessage(clientSaveTime);
     } else {
-      // student doesn't have work for this report yet, so get the default template.
       this.reportItem = this.NotebookService.getTemplateReportItemByReportId(this.reportId);
       if (this.reportItem == null) {
-        // don't allow student to work on the report
         return;
       }
     }
@@ -108,10 +105,6 @@ export class NotebookReportComponent {
     this.startAutoSaveInterval();
     this.isAddNoteButtonAvailable = this.isNoteEnabled();
 
-    /**
-     * Captures the annotation received event, checks whether the given
-     * annotation id matches this report id, updates UI accordingly
-     */
     this.notebookItemAnnotationReceivedSubscription = this.NotebookService.notebookItemAnnotationReceived$.subscribe(
       ({ annotation }: any) => {
         if (annotation.localNotebookItemId === this.reportId) {
@@ -125,17 +118,11 @@ export class NotebookReportComponent {
       }
     );
 
-    /**
-     * Captures the show report annotations event, opens report (if collapsed)
-     * and scrolls to the report annotations display
-     */
     this.showReportAnnotationsSubscription = this.NotebookService.showReportAnnotations$.subscribe(
       () => {
         if (this.collapsed) {
           this.collapse();
         }
-
-        // scroll to report annotations (bottom)
         const $notebookReportContent = $('.notebook-report__content');
         setTimeout(() => {
           $notebookReportContent.animate(
@@ -200,7 +187,6 @@ export class NotebookReportComponent {
   }
 
   saveNotebookReportItem(): void {
-    // set save timestamp
     this.NotebookService.saveNotebookItem(
       this.reportItem.id,
       this.reportItem.nodeId,
@@ -238,4 +224,4 @@ export class NotebookReportComponent {
   isNoteEnabled(): boolean {
     return this.config.itemTypes.note.enabled;
   }
-}
\ No newline at end of file
+}
diff --git a/src/main/webapp/site/src/app/notebook/notebook/notebook.component.spec.ts b/src/main/webapp/site/src/app/notebook/notebook/notebook.component.spec.ts
index 817989793f..74364df455 100644
--- a/src/main/webapp/site/src/app/notebook/notebook/notebook.component.spec.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook/notebook.component.spec.ts
@@ -17,7 +17,6 @@ import { NotebookComponent } from "./notebook.component";
 let component: NotebookComponent;
 
 describe('NotebookComponent', () => {
-
   configureTestSuite(() => {
     TestBed.configureTestingModule({
       imports: [ HttpClientTestingModule, UpgradeModule ],
@@ -34,7 +33,7 @@ describe('NotebookComponent', () => {
         UtilService
       ]
     });
-  })
+  });
 
   beforeEach(() => {
     const fixture = TestBed.createComponent(NotebookComponent);
@@ -44,7 +43,7 @@ describe('NotebookComponent', () => {
     component.editNoteSubscription = new Subscription();
     component.notebookUpdatedSubscription = new Subscription();
     component.openNotebookSubscription = new Subscription();
-  })
+  });
 
   closeNotes();
 });
@@ -57,4 +56,4 @@ function closeNotes() {
     expect(component.notesVisible).toEqual(false);
     expect(component.insertMode).toEqual(false);
   });
-}
\ No newline at end of file
+}
diff --git a/src/main/webapp/site/src/app/notebook/notebook/notebook.component.ts b/src/main/webapp/site/src/app/notebook/notebook/notebook.component.ts
index 0db80e4abe..cbd41b3ad1 100644
--- a/src/main/webapp/site/src/app/notebook/notebook/notebook.component.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook/notebook.component.ts
@@ -21,7 +21,6 @@ export class NotebookComponent {
   @Input()
   workgroupId: number;
 
-  themePath: string;
   itemId: string;
   item: any;
   config: any;
@@ -47,11 +46,9 @@ export class NotebookComponent {
     private ProjectService: ProjectService,
     private UtilService: UtilService
   ) {
-
   }
 
   ngOnInit(): void {
-    this.themePath = this.ProjectService.getThemePath();
     this.itemId = null;
     this.item = null;
 
@@ -77,14 +74,10 @@ export class NotebookComponent {
     this.insertContent = null;
     this.requester = null;
 
-    this.addNoteSubscription = this.NotebookService.addNote$.subscribe(args => {
+    this.addNoteSubscription = this.NotebookService.addNote$.subscribe(
+        ({file, noteText, isEditTextEnabled, isFileUploadEnabled, studentWorkIds}) => {
       const note = null;
       const isEditMode = true;
-      const file = args.file;
-      const noteText = args.text;
-      const isEditTextEnabled = args.isEditTextEnabled;
-      const isFileUploadEnabled = args.isFileUploadEnabled;
-      const studentWorkIds = args.studentWorkIds;
       this.showEditNoteDialog(
         note,
         isEditMode,
@@ -100,9 +93,7 @@ export class NotebookComponent {
       this.closeNotes();
     });
 
-    this.editNoteSubscription = this.NotebookService.editNote$.subscribe(args => {
-      const note = args.note;
-      const isEditMode = args.isEditMode;
+    this.editNoteSubscription = this.NotebookService.editNote$.subscribe(({note, isEditMode}) => {
       const file = null;
       const noteText = null;
       const isEditTextEnabled = true;
@@ -119,13 +110,15 @@ export class NotebookComponent {
       );
     });
 
-    this.notebookUpdatedSubscription = this.NotebookService.notebookUpdated$.subscribe(args => {
-      this.notebook = this.UtilService.makeCopyOfJSONObject(args.notebook);
+    this.notebookUpdatedSubscription = this.NotebookService.notebookUpdated$.subscribe(
+        ({notebook}) => {
+      this.notebook = this.UtilService.makeCopyOfJSONObject(notebook);
     });
 
-    this.openNotebookSubscription = this.NotebookService.openNotebook$.subscribe(args => {
+    this.openNotebookSubscription = this.NotebookService.openNotebook$.subscribe(
+        ({insertMode, requester}) => {
       this.open({ value: 'note' });
-      this.setInsertMode({ value: args.insertMode, requester: args.requester });
+      this.setInsertMode({ value: insertMode, requester: requester });
     });
 
     this.notebook = this.NotebookService.getNotebookByWorkgroup(this.workgroupId);
@@ -169,9 +162,8 @@ export class NotebookComponent {
     isFileUploadEnabled: boolean,
     studentWorkIds: number[]
   ): void {
-    const notebookItemTemplate = this.themePath + '/notebook/editNotebookItem.html';
     this.upgrade.$injector.get('$mdDialog').show({
-      templateUrl: notebookItemTemplate,
+      templateUrl: `${this.ProjectService.getThemePath()}/notebook/editNotebookItem.html`,
       controller: 'EditNotebookItemController',
       controllerAs: 'editNotebookItemController',
       bindToController: true,
@@ -236,4 +228,4 @@ export class NotebookComponent {
       });
     }
   }
-}
\ No newline at end of file
+}

From 26a598e24f76b149012299b39fe1c21983d27908 Mon Sep 17 00:00:00 2001
From: breity <breity10@gmail.com>
Date: Thu, 17 Dec 2020 13:49:23 -0800
Subject: [PATCH 03/36] Fixed notebook report layout and style; moved styles to
 component. #2827

---
 angular.json                                  |  10 ++
 .../notebook-report.component.html            | 111 ++++++---------
 .../notebook-report.component.scss            |  90 ++++++++++++
 .../notebook-report.component.spec.ts         |  28 ++--
 .../notebook-report.component.ts              |  25 ++--
 .../notebook/notebook/notebook.component.html |   4 +-
 .../notebook/notebook/notebook.component.scss |   6 +
 .../notebook/notebook/notebook.component.ts   |   1 +
 .../wise5/themes/default/style/author.css     |   2 +-
 .../wise5/themes/default/style/author.css.map |   2 +-
 .../default/style/modules/_notebook.scss      | 133 ------------------
 .../wise5/themes/default/style/monitor.css    |   2 +-
 .../themes/default/style/monitor.css.map      |   2 +-
 .../webapp/wise5/themes/default/style/vle.css |   2 +-
 .../wise5/themes/default/style/vle.css.map    |   2 +-
 15 files changed, 182 insertions(+), 238 deletions(-)
 create mode 100644 src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.scss
 create mode 100644 src/main/webapp/site/src/app/notebook/notebook/notebook.component.scss

diff --git a/angular.json b/angular.json
index cf69f39690..1aa3bd9b6f 100644
--- a/angular.json
+++ b/angular.json
@@ -65,6 +65,11 @@
                 "bundleName": "siteStyles"
               }
             ],
+            "stylePreprocessorOptions": {
+              "includePaths": [
+                "src/main/webapp/site/src/style"
+              ]
+            },
             "scripts": []
           },
           "configurations": {
@@ -274,6 +279,11 @@
             "styles": [
               "src/main/webapp/site/src/style/styles.scss"
             ],
+            "stylePreprocessorOptions": {
+              "includePaths": [
+                "src/main/webapp/site/src/style"
+              ]
+            },
             "assets": [
               "src/main/webapp/site/src/assets",
               "src/main/webapp/site/src/favicon.ico"
diff --git a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.html b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.html
index 5a1e1562a8..b8ab7f00a5 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.html
+++ b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.html
@@ -1,69 +1,51 @@
-<div *ngIf="visible" class="notebook-report-container"
-    [ngClass]="{'notebook-report-container__collapsed': collapsed, 'notebook-report-container__full': full && !collapsed}">
-  <mat-card class="notebook-report md-whiteframe-3dp l-constrained">
-    <mat-toolbar (click)="collapsed ? collapse() : return" class="md-toolbar--wise md-toolbar--wise--sm notebook-report__toolbar">
-      <mat-toolbar-tools class="md-toolbar-tools">
-        <mat-icon>assignment</mat-icon>&nbsp;
-        <span *ngIf="collapsed" class="overflow--ellipsis notebook-report__toolbar__title">{{reportItem.content.title}}</span>
-        <span flex></span>
-        <button mat-button
-            i18n-aria-label="Toggle Full Screen"
-            title="Toggle Full Screen"
-            class="md-icon-button notebook-tools--full"
-            (click)="fullscreen()">
-          <mat-icon *ngIf="!full || collapsed"> fullscreen </mat-icon>
-          <mat-icon *ngIf="full && !collapsed"> fullscreen_exit </mat-icon>
-        </button>
-        <button mat-button i18n-aria-label="Collapse" title="Collapse" class="md-icon-button"
-            *ngIf="!collapsed" (click)="$event.stopPropagation(); collapse()">
-          <mat-icon> arrow_drop_down </mat-icon>
-        </button>
-        <button mat-button i18n-aria-label="Restore" title="Restore" class="md-icon-button"
-            *ngIf="collapsed" (click)="$event.stopPropagation(); collapse()">
-          <mat-icon> arrow_drop_up </mat-icon>
-        </button>
-      </mat-toolbar-tools>
-      <div class="notebook-report__content__header md-whiteframe-1dp" layout="row" layout-align="start center">
-        <span style="color: {{config.itemTypes.report.label.color}};">{{reportItem.content.title}}</span>
-        <span flex></span>
-        <mat-icon i18n-aria-label="{{reportItem.content.title}} info"
-            style="color: {{config.itemTypes.report.label.color}};"
-            matTooltip="{{reportItem.content.prompt}}"
-            matTooltipPosition="left"
-            i18n-matTooltip>
-          info
-        </mat-icon>
+<div *ngIf="visible" class="container" [ngClass]="{'full': full && !collapsed}">
+  <mat-card class="report mat-elevation-3dp" fxLayout="column" [ngClass]="{'collapsed': collapsed}">
+    <mat-card-header class="dark-theme mat-app-background" (click)="collapse()"
+                     fxLayoutAlign="start center">
+      <div mat-card-avatar fxLayoutAlign="center center">
+        <mat-icon> assignment </mat-icon>
       </div>
-    </mat-toolbar>
-    <mat-content class="notebook-report__content" flex>
-      <wise-tinymce-editor
-        [(model)]="reportItemContent"
-        (modelChange)="changed(reportItemContent)"
-        [isAddNoteButtonAvailable]="isAddNoteButtonAvailable"
-        (openNotebook)="addNotebookItemContent($event)">
+      <mat-card-title class="mat-body-1 overflow--ellipsis">
+        {{reportItem.content.title}}
+      </mat-card-title>
+      <span fxFlex></span>
+      <button mat-icon-button i18n-title title="Toggle Full Screen"
+              (click)="$event.stopPropagation(); fullscreen()">
+        <mat-icon *ngIf="!full || collapsed"> fullscreen </mat-icon>
+        <mat-icon *ngIf="full && !collapsed"> fullscreen_exit </mat-icon>
+      </button>
+      <button mat-icon-button i18n-title title="Collapse" *ngIf="!collapsed"
+              (click)="$event.stopPropagation(); collapse()">
+        <mat-icon> arrow_drop_down </mat-icon>
+      </button>
+      <button mat-icon-button i18n-title title="Restore" *ngIf="collapsed"
+              (click)="$event.stopPropagation(); collapse()">
+        <mat-icon> arrow_drop_up </mat-icon>
+      </button>
+    </mat-card-header>
+    <mat-content [hidden]="collapsed" fxFlex>
+      <wise-tinymce-editor [(model)]="reportItemContent" (modelChange)="changed(reportItemContent)"
+                           [isAddNoteButtonAvailable]="isAddNoteButtonAvailable"
+                           (openNotebook)="addNotebookItemContent($event)">
       </wise-tinymce-editor>
-      <notebook-report-annotations *ngIf="hasAnnotation"
-          [annotations]="latestAnnotations"
-          [hasNewAnnotation]="hasNewAnnotation"
-          [maxScore]="maxScore"></notebook-report-annotations>
+      <notebook-report-annotations *ngIf="hasAnnotation" [annotations]="latestAnnotations"
+                                   [hasNewAnnotation]="hasNewAnnotation" [maxScore]="maxScore">
+      </notebook-report-annotations>
     </mat-content>
-    <mat-card-actions class="notebook-report__actions">
-      <div id="{{reportId}}-toolbar"></div>
-      <div layout="row" layout-align="start center">
-        <button mat-button class="md-primary md-raised button--small"
-            i18n-aria-label="Save"
-            [disabled]="!dirty"
-            (click)="saveNotebookReportItem()">Save</button>
-        <span *ngIf="saveMessage.text"
-            class="component__actions__info md-caption">
-            {{saveMessage.text}}
-          <span class="component__actions__more"
-              matTooltip="{{ saveMessage.time | amDateFormat:'ddd, MMM D YYYY, h:mm a' }}"
-              matTooltipPosition="above"
-              i18n-matTooltip>
-            {{ saveMessage.time | amTimeAgo }}
-          </span>
+    <mat-card-actions *ngIf="!collapsed">
+      <div class="actions" fxLayoutGap="8px" fxLayoutAlign="start center">
+        <button mat-flat-button color="primary" [disabled]="!dirty"
+                (click)="saveNotebookReportItem()">Save</button>
+        <span *ngIf="saveTime" class="mat-caption secondary-text save-time"
+              matTooltip="{{ saveTime | amDateFormat:'ddd, MMM D YYYY, h:mm a' }}"
+              matTooltipPosition="above">
+          <em i18n>Saved {{ saveTime | amTimeAgo }}</em>
         </span>
+        <div id="{{reportId}}-toolbar"></div>
+        <span fxFlex></span>
+        <mat-icon *ngIf="reportItem.content.prompt" class="info" tabindex="0"
+                  matTooltip="{{reportItem.content.title}}: {{reportItem.content.prompt}}"
+                  matTooltipPosition="above">info</mat-icon>
       </div>
     </mat-card-actions>
   </mat-card>
@@ -72,9 +54,8 @@
   <article *ngIf="hasReport">
     <div [innerHTML]="reportItemContent"></div>
   </article>
-  <p *ngIf="!hasReport"
-      translate="noReport"
-      translate-value-term="{{config.itemTypes.report.notes[0].title}}">
+  <p *ngIf="!hasReport" translate="noReport"
+     translate-value-term="{{config.itemTypes.report.notes[0].title}}">
   </p>
   <!--<notebook-item-grading notebook-item="$ctrl.reportItem"></notebook-item-grading>-->
 </div>
\ No newline at end of file
diff --git a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.scss b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.scss
new file mode 100644
index 0000000000..2e5496c385
--- /dev/null
+++ b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.scss
@@ -0,0 +1,90 @@
+@import 'abstracts/variables';
+
+$height: 550px !default;
+$title-width: 240px !default;
+$title-width-collapsed: 164px !default;
+$width: 450px !default;
+$width-collapsed: 300px !default;
+
+.container {
+  max-height: 90%;
+  bottom: 0;
+  right: 96px;
+  position: absolute;
+  z-index: 3;
+}
+
+.full {
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  max-height: none;
+}
+
+.report {
+  height: $height;
+  width: $width;
+  padding: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+
+  .full & {
+    height: 100%;
+    width: 100%;
+    border-radius: 0;
+  }
+}
+
+.collapsed {
+  height: auto;
+  width: $width-collapsed;
+}
+
+.mat-card-header {
+  cursor: pointer;
+  border-top-left-radius: $card-border-radius;
+  border-top-right-radius: $card-border-radius;
+
+  .full & {
+    border-radius: 0;
+  }
+}
+
+.mat-card-header .mat-card-title {
+  max-width: $title-width;
+  margin-bottom: 0;
+  margin-left: -12px;
+  margin-right: -12px;
+
+  .collapsed & {
+    max-width: $title-width-collapsed;
+  }
+
+  @media (max-width: breakpoint('xs.max')) {
+    max-width: $title-width-collapsed;
+  }
+}
+
+.mat-card-actions {
+  margin: 0;
+  padding: 0;
+
+  .mat-button {
+    margin: 0;
+  }
+}
+
+.actions {
+  padding: 4px;
+  border-left: 1px solid #cccccc;
+  border-right: 1px solid #cccccc;
+
+  .mat-icon {
+    cursor: pointer;
+  }
+}
+
+.save-time {
+  border-bottom: 1px dotted;
+}
diff --git a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.spec.ts b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.spec.ts
index e699b4acd1..7259ecc9d1 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.spec.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.spec.ts
@@ -41,8 +41,8 @@ describe('NotebookReportComponent', () => {
   });
 
   isNoteEnabled();
-  setSavedMessage();
-  clearSavedMessage();
+  setSaveTime();
+  clearSaveTime();
 });
 
 function createConfig() {
@@ -66,24 +66,20 @@ function isNoteEnabled() {
   });
 }
 
-function setSavedMessage() {
-  it('should set the saved message', () => {
-    expect(component.saveMessage.text).toEqual('');
-    expect(component.saveMessage.time).toEqual(null);
+function setSaveTime() {
+  it('should set the save time', () => {
+    expect(component.saveTime).toEqual(null);
     const saveTimestamp = 1607718407613;
-    component.setSavedMessage(saveTimestamp);
-    expect(component.saveMessage.text).toEqual('Saved');
-    expect(component.saveMessage.time).toEqual(saveTimestamp);
+    component.setSaveTime(saveTimestamp);
+    expect(component.saveTime).toEqual(saveTimestamp);
   });
 }
 
-function clearSavedMessage() {
-  it('should clear the saved message', () => {
+function clearSaveTime() {
+  it('should clear the saved time', () => {
     const saveTimestamp = 1607718407613;
-    component.saveMessage.text = 'Saved';
-    component.saveMessage.time = saveTimestamp;
-    component.clearSavedMessage();
-    expect(component.saveMessage.text).toEqual('');
-    expect(component.saveMessage.time).toEqual(null);
+    component.saveTime = saveTimestamp;
+    component.clearSaveTime();
+    expect(component.saveTime).toEqual(null);
   });
 }
diff --git a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.ts b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.ts
index 3d0b380bcc..6cf99a6c64 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.ts
@@ -7,6 +7,7 @@ import { ProjectService } from "../../../../../wise5/services/projectService";
 
 @Component({
   selector: 'notebook-report',
+  styleUrls: ['notebook-report.component.scss'],
   templateUrl: 'notebook-report.component.html'
 })
 export class NotebookReportComponent {
@@ -50,10 +51,7 @@ export class NotebookReportComponent {
   dirty: boolean = false;
   autoSaveIntervalMS: number = 30000;
   autoSaveIntervalId: any;
-  saveMessage: any = {
-    text: '',
-    time: null
-  };
+  saveTime: number = null;
   reportItem: any;
   reportItemContent: any;
   latestAnnotations: any;
@@ -84,7 +82,7 @@ export class NotebookReportComponent {
       const clientSaveTime = this.convertServerSaveTimeToClientSaveTime(
         this.reportItem.serverSaveTime
       );
-      this.setSavedMessage(clientSaveTime);
+      this.setSaveTime(clientSaveTime);
     } else {
       this.reportItem = this.NotebookService.getTemplateReportItemByReportId(this.reportId);
       if (this.reportItem == null) {
@@ -170,7 +168,7 @@ export class NotebookReportComponent {
   changed(value: string): void {
     this.dirty = true;
     this.reportItem.content.content = this.ConfigService.removeAbsoluteAssetPaths(value);
-    this.clearSavedMessage();
+    this.clearSaveTime();
   }
 
   startAutoSaveInterval(): void {
@@ -203,22 +201,17 @@ export class NotebookReportComponent {
         // set the reportNotebookItemId to the newly-incremented id so that future saves during this
         // visit will be an update instead of an insert.
         this.reportItem.id = result.id;
-        this.setSavedMessage(this.convertServerSaveTimeToClientSaveTime(result.serverSaveTime));
+        this.setSaveTime(this.convertServerSaveTimeToClientSaveTime(result.serverSaveTime));
       }
     });
   }
 
-  setSavedMessage(time: number): void {
-    this.setSaveText($localize`Saved`, time);
+  setSaveTime(time: number): void {
+    this.saveTime = time;
   }
 
-  clearSavedMessage(): void {
-    this.setSaveText('', null);
-  }
-
-  setSaveText(message: string, time: number): void {
-    this.saveMessage.text = message;
-    this.saveMessage.time = time;
+  clearSaveTime(): void {
+    this.setSaveTime(null);
   }
 
   isNoteEnabled(): boolean {
diff --git a/src/main/webapp/site/src/app/notebook/notebook/notebook.component.html b/src/main/webapp/site/src/app/notebook/notebook/notebook.component.html
index 780b728f28..80188518ee 100644
--- a/src/main/webapp/site/src/app/notebook/notebook/notebook.component.html
+++ b/src/main/webapp/site/src/app/notebook/notebook/notebook.component.html
@@ -1,4 +1,4 @@
-<div *ngIf="config.enabled" [ngClass]="{'notes-visible': notesVisible}">
+<ng-container *ngIf="config.enabled" [ngClass]="{'notes-visible': notesVisible}">
     <div class="notebook-overlay"></div>
     <notebook-launcher *ngIf="config.itemTypes.note.enabled"
         [config]="config"
@@ -17,7 +17,7 @@
         (onCollapse)="setInsertMode(false, requester)"
         (onSetInsertMode)="setInsertMode($event)">
     </notebook-report>
-</div>
+</ng-container>
 <notebook-notes *ngIf="config.enabled"
     [notebook]="notebook"
     [notesVisible]="notesVisible"
diff --git a/src/main/webapp/site/src/app/notebook/notebook/notebook.component.scss b/src/main/webapp/site/src/app/notebook/notebook/notebook.component.scss
new file mode 100644
index 0000000000..360019dbde
--- /dev/null
+++ b/src/main/webapp/site/src/app/notebook/notebook/notebook.component.scss
@@ -0,0 +1,6 @@
+notebook {
+  position: fixed;
+  bottom: 0;
+  right: 0;
+}
+
diff --git a/src/main/webapp/site/src/app/notebook/notebook/notebook.component.ts b/src/main/webapp/site/src/app/notebook/notebook/notebook.component.ts
index cbd41b3ad1..0f567e8443 100644
--- a/src/main/webapp/site/src/app/notebook/notebook/notebook.component.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook/notebook.component.ts
@@ -8,6 +8,7 @@ import { UtilService } from "../../../../../wise5/services/utilService";
 
 @Component({
   selector: 'notebook',
+  styleUrls: ['notebook.component.scss'],
   templateUrl: 'notebook.component.html'
 })
 export class NotebookComponent {
diff --git a/src/main/webapp/wise5/themes/default/style/author.css b/src/main/webapp/wise5/themes/default/style/author.css
index 5c2b148299..78a562b52d 100644
--- a/src/main/webapp/wise5/themes/default/style/author.css
+++ b/src/main/webapp/wise5/themes/default/style/author.css
@@ -1,2 +1,2 @@
-body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#7e57c2}blockquote{background-color:#fff;padding:8px;margin:16px 0;border:solid #7e57c2;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#7e57c2;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#7e57c2!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#fff}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#7e57c2;background-color:#fff}.primary{color:#7e57c2}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#fff}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#7e57c2}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#fff}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#7e57c2}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#fff}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav{background-color:#eee!important}.l-node{margin-top:42px;padding:0}@media only screen and (min-width:600px){.l-node{padding:0 0 16px;background-color:#eee!important}}@media only screen and (min-width:960px){.l-node{padding:0 0 32px}}.l-notebook{margin-top:42px;background-color:#eee!important}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#7e57c2}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#7e57c2}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#fff}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#7e57c2}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #7e57c2;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}@media only screen and (min-width:600px){.notebook-launcher.md-button.md-fab{z-index:61}}.notebook-report{border-radius:4px 4px 0 0;margin:0;height:100%}.notebook-report .note-toolbar{margin:-8px -8px 8px;padding:4px;border-bottom:0;border-top:0;border-color:#ddd currentcolor;border-style:solid none;border-width:1px 0;border-radius:0}.notebook-report .note-toolbar .btn-group{margin-top:0}.notebook-report .note-btn{border:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.notebook-report-container{height:550px;width:450px;max-height:90%;bottom:0;right:96px;position:absolute;z-index:3}@media only screen and (min-width:960px){.notes-visible .notebook-report-container{right:516px;transition:right .25s}}.notebook-report-container__full{top:16px;bottom:16px;left:16px;right:16px;max-height:none;max-width:none;height:auto;width:auto}.notebook-report-container__full .notebook-report{height:100%;width:100%;margin:0 auto;max-height:none;border-radius:4px}.notebook-report-container__collapsed{width:300px;height:auto}.notebook-report-container__collapsed .notebook-report__actions,.notebook-report-container__collapsed .notebook-report__content,.notebook-report-container__collapsed .notebook-report__content__header{display:none}.notebook-report__toolbar{background-color:#333!important;border-radius:4px 4px 0 0}.notebook-report__toolbar__title{max-width:150px}.notebook-report__content{background-color:#fff}.notebook-report__content h1,.notebook-report__content h2,.notebook-report__content h3,.notebook-report__content h4{font-size:22px}.notebook-report__content .note-editor.note-frame{border:0;border-radius:0;padding:0;box-shadow:none}.notebook-report__content .note-resizebar{display:none}.notebook-report__content__header{padding:8px;background-color:#fff;font-size:16px}@media only screen and (max-width:599px){.notebook-report-container:not(.notebook-report-container__collapsed){top:0;bottom:0;left:0;right:0;max-height:none;max-width:none;height:auto;width:auto}.notebook-report-container:not(.notebook-report-container__collapsed) .notebook-report{border-radius:0}.notebook-tools--full{display:none}}.notebook-report-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;background-color:#212121;opacity:.48}.notebook-menu{transition:opacity .5s}.notebook-menu.ng-enter{opacity:0}.notebook-menu .ng-enter-active{opacity:1;transition-delay:.25s}.notebook-menu.ng-hide,.notebook-menu.ng-hide-add,.notebook-menu.ng-hide-add-active,.notebook-menu.ng-hide-remove,.notebook-menu.ng-hide-remove-active,.notebook-menu.ng-leave-active{opacity:0}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.view-notebook-item{width:600px}.notebook-item--report{background-color:#fff}.notebook-item--report .note-editor{margin-bottom:16px;border-color:#ccc}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{position:fixed;top:94px;left:0;right:0;z-index:1}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{left:54px;padding:0 24px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{padding:0 32px}}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 8px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}}.notebook-item--report__container.ui-scrollpoint .note-editor{padding-top:40px}.notebook-item--report__toolbar .note-toolbar{background-color:#ddd;border:1px solid #ccc;margin-bottom:-2px}.notebook-item--report__heading{text-align:center;margin-bottom:32px}.notebook-item--report__add-note{font-weight:700}.notebook-item--report__note-img{max-width:100%;height:auto!important}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}.notebook-items{width:100%;overflow:auto;margin-top:16px;margin-bottom:76px}.notebook-items .notebook-item{width:100%}.notebook-items .notebook-item__content{height:200px;min-width:0}.notebook-items--grading{margin-bottom:0}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#7e57c2}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#7e57c2}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
+body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#7e57c2}blockquote{background-color:#fff;padding:8px;margin:16px 0;border:solid #7e57c2;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#7e57c2;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#7e57c2!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#fff}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#7e57c2;background-color:#fff}.primary{color:#7e57c2}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#fff}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#7e57c2}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#fff}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#7e57c2}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#fff}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav{background-color:#eee!important}.l-node{margin-top:42px;padding:0}@media only screen and (min-width:600px){.l-node{padding:0 0 16px;background-color:#eee!important}}@media only screen and (min-width:960px){.l-node{padding:0 0 32px}}.l-notebook{margin-top:42px;background-color:#eee!important}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#7e57c2}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#7e57c2}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#fff}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#7e57c2}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #7e57c2;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}@media only screen and (min-width:600px){.notebook-launcher.md-button.md-fab{z-index:61}}@media only screen and (min-width:960px){.notes-visible .notebook-report-container{right:516px;transition:right .25s}}.notebook-menu{transition:opacity .5s}.notebook-menu.ng-enter{opacity:0}.notebook-menu .ng-enter-active{opacity:1;transition-delay:.25s}.notebook-menu.ng-hide,.notebook-menu.ng-hide-add,.notebook-menu.ng-hide-add-active,.notebook-menu.ng-hide-remove,.notebook-menu.ng-hide-remove-active,.notebook-menu.ng-leave-active{opacity:0}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.view-notebook-item{width:600px}.notebook-item--report{background-color:#fff}.notebook-item--report .note-editor{margin-bottom:16px;border-color:#ccc}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{position:fixed;top:94px;left:0;right:0;z-index:1}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{left:54px;padding:0 24px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{padding:0 32px}}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 8px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}}.notebook-item--report__container.ui-scrollpoint .note-editor{padding-top:40px}.notebook-item--report__toolbar .note-toolbar{background-color:#ddd;border:1px solid #ccc;margin-bottom:-2px}.notebook-item--report__heading{text-align:center;margin-bottom:32px}.notebook-item--report__add-note{font-weight:700}.notebook-item--report__note-img{max-width:100%;height:auto!important}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}.notebook-items{width:100%;overflow:auto;margin-top:16px;margin-bottom:76px}.notebook-items .notebook-item{width:100%}.notebook-items .notebook-item__content{height:200px;min-width:0}.notebook-items--grading{margin-bottom:0}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#7e57c2}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#7e57c2}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
 /*# sourceMappingURL=author.css.map */
diff --git a/src/main/webapp/wise5/themes/default/style/author.css.map b/src/main/webapp/wise5/themes/default/style/author.css.map
index 10e047f626..6e898a7a92 100644
--- a/src/main/webapp/wise5/themes/default/style/author.css.map
+++ b/src/main/webapp/wise5/themes/default/style/author.css.map
@@ -1 +1 @@
-{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config--author.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/author.css","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-node.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,qBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBEQoB,CFPpB,eAAgB,CAChB,cGlC8B,CHmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBExDsB,CF4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,qBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,qBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,UCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,qBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNrB,+BAEQ,sBCnNiB,CDiNzB,yCAEQ,sBClN2B,CDgNnC,wCAEQ,sBCjN0B,CD+MlC,qCAEQ,WChN0B,CD8MlC,+CAEQ,yBC/MuC,CD6M/C,8CAEQ,yBC9MsC,CD4M9C,sCAEQ,WCrOgC,CDmOxC,gCAEQ,cC5MM,CD0Md,+BAEQ,sBCnNiB,CDiNzB,kCAEQ,WCzNa,CGXzB,eACE,gBAAiB,CACjB,iBAAkB,CAClB,cAAe,CACf,iBAAkB,CAElB,yBANF,eAOM,YCW2B,CDThC,CAED,kBACE,WCK8B,CDJ9B,cAAe,CEbjB,UACE,cAAe,CACf,QAAS,CACT,MAAO,CACP,OAAQ,CACR,SAAU,CACV,qBAAyB,CACzB,yBLIuB,CKAzB,gBACE,QAAS,CACT,aAAc,CACd,gBAAiB,CACjB,WAAY,CACZ,YAAa,CAGf,yBACE,gBAAiB,CCpBnB,UACI,SAAU,CADd,gBAIQ,uBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,qBAAsB,CAP9B,qBAWQ,cAAe,CACf,YAAa,CACb,aAAc,CACd,iBAAkB,CAElB,yCAhBR,qBAiBY,aAAc,CAMrB,CAvBL,sDAqBY,QAAc,CAKtB,yCA1BJ,6FA6BgB,cJlBkB,CImBrB,CC9Bb,QACE,qBPUuB,COPzB,sBACE,eNmCwB,CMhC1B,SACE,yBAA2B,CAG7B,cACE,aAAc,CACd,WAAY,CACZ,iBAAkB,CAClB,MAAO,CACP,OAAQ,CACR,sBAAyB,CAEzB,yCARF,cASI,YAAa,CAuBhB,CAhCD,uBAaI,SAAU,CAbd,+BAiBI,SAAU,CACV,qBAAuB,CAlB3B,gLA8BI,SAAU,CAId,6BACE,WAAY,CAEZ,yCAHF,6BAII,gBAAiB,CACjB,YAAa,CAEhB,CAEC,yCCwZA,uCDvZE,gBAAiB,CACjB,iBAAkB,CAErB,CAED,cACE,YAAa,CADf,mDAMI,eAAgB,CAChB,YAAa,CACb,eAAgB,CAChB,cL3D8B,CK6D9B,yCAXJ,mDAYM,cL9D4B,CK+D5B,iBAAkB,CAErB,CAID,yCADF,oBAEI,cAAe,CAElB,CAED,0CAEE,YAAa,CAFf,kEAKI,gBAAiB,CAEjB,yCAPJ,kEAQM,aAAc,CACd,cAAe,CAElB,CAXH,0DAcI,0BAA2B,CAI/B,2FAEE,gBAAiB,CEzGnB,OACI,+BAA6C,CCDjD,QACE,eTuCwB,CStCxB,SAAU,CAEV,yCAJF,QAKI,gBAAiB,CACjB,+BAA6C,CAMhD,CAHC,yCATF,QAUI,gBAAiB,CAEpB,CCZD,YACI,eVuCsB,CUtCtB,+BAA6C,CCEjD,mBACE,+BAAoC,CACpC,uBAAmC,CAFrC,6BAKI,qBZQyB,CapB7B,aACI,YAAa,CACb,SAAU,CACV,qBAAsB,CAG1B,uBACI,WAAY,CACZ,UAAW,CACX,YAAa,CACb,mBAAoB,CACpB,YAAa,CACb,SAAU,CAGd,uBACI,iBAAkB,CAClB,SAAU,CACV,eAAgB,CAGpB,eACI,OAAQ,CACR,QAAS,CACT,gCbFkC,CaGlC,mCbHkC,CaIlC,qBbJkC,CaDtC,qBAQQ,WAAY,CACZ,UAAc,CACd,OAAQ,CACR,UAAW,CACX,iBAAkB,CAClB,eAAgB,CAIxB,qBACI,kCAA0C,CAC1C,qCAA6C,CAGjD,yBACI,KAAM,CACN,OAAQ,CACR,2BZQoB,CYXxB,wCAMQ,qBAAsB,CACtB,kCAAmC,CAI3C,wBACI,KAAM,CACN,MAAO,CACP,0BZHoB,CYAxB,uCAMQ,qBAAsB,CACtB,mCAAoC,CAI5C,4BACI,QAAS,CACT,OAAQ,CACR,8BZdoB,CYWxB,2CAMQ,wBAAyB,CACzB,kCAAmC,CAI3C,2BACI,QAAS,CACT,MAAO,CACP,6BZzBoB,CYsBxB,0CAMQ,wBAAyB,CACzB,mCAAoC,CAI5C,qBACI,qBAAyB,CAG7B,2BACI,cAAe,CACf,oBAAqB,CC7FzB,UACI,WVkB4B,CUfhC,cACI,WVe4B,CUZhC,eACI,YVY6B,CWrBjC,aACI,iBdqDoB,CcpDpB,eAAgB,CAEhB,yBAJJ,aAKQ,eAAuC,CAU9C,CAPG,yBARJ,aASQ,eAAuC,CAM9C,CAHG,0BAZJ,aAaQ,gBAAuC,CAE9C,CAOD,kDAJI,0BdoCoB,CcnCpB,2BfTa,CeYjB,8BAGI,kBAAqB,CACrB,wBfhBa,CeYjB,8CAOQ,cAAe,CACf,aAAc,CACd,gBAAiB,CAIzB,sBACI,aAAc,CACd,gBAAiB,CACjB,gBAAiB,CAGrB,sBACI,6BdYoB,CcXpB,8BdWoB,CcRxB,qBACI,iBdOoB,CcLpB,QAAc,CACd,4CAAiD,CACjD,cbrC8B,CasC9B,SAAU,CANd,uDASQ,iBAAkB,CAClB,UAAW,CACX,WAAY,CAXpB,0DAgBY,KAAM,CACN,SAAU,CAjBtB,kFAoBgB,gCfxDC,CeyDD,kCAAmC,CACnC,mCAAoC,CACpC,iBAAkB,CAClB,SAAU,CAxB1B,yFA4BgB,QAGuC,CA/BvD,4DAoCY,YAAa,CACb,SAAU,CArCtB,oFAwCgB,6Bf5EC,Ce6ED,kCAAmC,CACnC,mCAAoC,CACpC,iBAAkB,CAClB,SAAU,CA5C1B,2FAgDgB,QAGuC,CAnDvD,4DAwDY,QAAS,CACT,UAAW,CAzDvB,oFA4DgB,+BfhGC,CeiGD,oCAAqC,CACrC,iCAAkC,CAClC,iBAAkB,CAClB,MAAO,CACP,SAAU,CAjE1B,2FAqEgB,QAGqC,CAxErD,6DA6EY,QAAS,CACT,WAAY,CA9ExB,qFAiFgB,8BfrHC,CesHD,oCAAqC,CACrC,iCAAkC,CAClC,iBAAkB,CAClB,OAAQ,CACR,SAAU,CAtF1B,4FA0FgB,QAGqC,CCrIrD,iBACI,gBAAiB,CAGrB,4BACI,eAAgB,CAGpB,4CAEQ,cAAe,CAFvB,kDAMQ,YAAa,CAIrB,eACI,iBAAkB,CAGtB,yDAEQ,ahB7BgB,CgBiCxB,2DACI,WAAY,CACZ,wBhBvBsB,CgBwBtB,qBhBrBa,CgBsBb,iBAAkB,CAJtB,uEAOQ,qBAAyB,CAPjC,+EAWQ,qBhBxB+B,CgB4BvC,0CACI,UAAW,CAGf,2BACI,qBhBjCmC,CgBoCvC,yBACI,iBAAkB,CAClB,UAAW,CAFf,2CAKQ,+BAAwC,CAIhD,mCACI,OAjE8B,CAmE9B,4DACI,QAnEoC,CAuE5C,mCACI,UAzE8B,CA2E9B,4DACI,WAAsD,CAK9D,mHACI,eAAgB,CAChB,qBhBjEyB,CgB+D7B,6JAKQ,ahBvFgB,CgB2FxB,oBAEQ,sBAAuB,CACvB,eAAgB,CAChB,cAAe,CACf,eAAgB,CAChB,qBhB7E+B,CgBkFnC,yCADJ,wBAEQ,eAAgB,CAMvB,CAHG,yCALJ,wBAMQ,eAAgB,CAEvB,CAED,yCAEQ,qBAAyB,CAFjC,+DAKY,eAAgB,CAChB,qBhBxGa,CgB6GzB,gBACI,Wf5EiC,Ce2ErC,sBAIQ,WAAY,CACZ,UAAW,CACX,aAAc,CACd,YAAa,CACb,QAAc,CACd,cdtH0B,CcuH1B,eAAgB,CCrIxB,OACE,cAAe,CACf,UAAW,CACX,eAAgB,CAChB,YAAa,CAJf,kHAYM,qBjBIW,CiBHX,WAAY,CACZ,cfA4B,CeC5B,eAAgB,CAChB,WAAY,CACZ,cAAe,CACf,kBAAmB,CAlBzB,6BAwBI,wBjBXsB,CiBYtB,SAAU,CACV,kBAAmB,CA1BvB,0BA8BI,QAAS,CA9Bb,yBAkCI,YAAa,CAIjB,4BAGM,gBAAiB,CAKvB,mBACE,UAAW,CAGb,aACE,QAAc,CACd,wBAAyB,CACzB,qBAAyB,CACzB,cAAe,CACf,aAAc,CALhB,gCASI,aAAc,CACd,QAAc,CAVlB,gBAcI,eAAgB,CAChB,WAAY,CAfhB,0BAoBM,iBAAkB,CAClB,eAAgB,CAChB,UAAW,CACX,mBAAoB,CACpB,iBAAkB,CAClB,eAAmB,CAKzB,mBACE,eb9D8B,CakE9B,yCADF,mBAEI,eAAgB,CAEnB,CAED,oBACE,cf7EgC,Ce8EhC,eAAgB,CAGlB,wBACE,WAAY,CACZ,QAAS,CAGX,wBACE,wBjBnFsB,CiBoFtB,UjB/EoC,CiBgFpC,ehB5DwB,CgB6DxB,WhB7DwB,CgBgE1B,0BACE,UAAc,CACd,mBAAoB,CACpB,QAAS,CACT,WAAY,CACZ,kBAAmB,CACnB,eAAgB,CAChB,UAAW,CAGb,0BACE,QAAS,CAGX,mCACE,wBAAyB,CAG3B,UACE,eAAgB,CAChB,kBAAmB,CACnB,eAAgB,CAIhB,yCADF,eAEI,eAAgB,CAChB,eAAgB,CAChB,sBAAuB,CACvB,kBAAmB,CAEtB,CC1ID,kBACI,cAAe,CADnB,2HAWY,WAAY,CAKxB,kBACI,ejB0BsB,CiB3B1B,oCAIQ,WjBuBkB,CiBtBlB,ejBsBkB,CiB3B1B,4CASQ,WjBkBkB,CiBjBlB,gBjBiBkB,CiBhBlB,UjBgBkB,CiBZ1B,wCAEQ,aAAc,CACd,chBpB0B,CgBwBlC,qBACI,+BAAkD,CADtD,uCAIQ,chB5B0B,CgB6B1B,eAAgB,CAIxB,SACI,cAAe,CACf,MAAO,CACP,OAAQ,CACR,Qd5CoB,Cc6CpB,SAAU,CAGd,gBACI,eAAgB,CAChB,chB3C8B,CgB4C9B,eAAgB,CAGpB,gBACI,iBAAkB,CV+3BtB,0BU53BI,kBAAmB,CACnB,gBAAiB,CAGrB,sCACI,QAAS,CAGb,4CACI,YAAa,CACb,eAAgB,CAChB,wBlB/DsB,CkB4D1B,8EAMQ,WAAY,CACZ,eAAgB,CV43BxB,kGUt3BU,gBAAiB,CAK3B,6BACI,WAAY,CAEZ,yCAHJ,6BAIQ,WAAY,CAMnB,CAHG,yCAPJ,6BAQQ,WAAY,CAEnB,CCrGD,WACI,qBAAyB,CACzB,4BnBYqB,CmBdzB,iDAKQ,qBnBeqB,CmBdrB,qBAAyB,CANjC,iEASY,qBAAsB,CATlC,yFAaY,SAAU,CAbtB,uEAiBY,gBAAiB,CAjB7B,yBAsBQ,YAAa,CAIrB,kGAEQ,uCAA+C,CAC/C,gBAAiB,CAIzB,kGAIQ,uCAA+C,CAC/C,gBAAiB,CAIzB,qBACI,qBAAsB,CAG1B,kDACI,cAAe,CACf,wBnBnCsB,CmBsC1B,oBACI,uBAAyB,CAG7B,6BACI,mBAAoB,CACpB,UAAW,CACX,gBAAiB,CACjB,QAAS,CACT,kBAAmB,CACnB,eAAgB,CAChB,eAAgB,CAGpB,WACI,cjBpD8B,CkBdlC,KACI,iBAAkB,CAGtB,KACI,kBAAmB,CAGvB,UACI,iBAAkB,CAClB,KAAM,CACN,QAAS,CACT,MAAO,CACP,OAAQ,CACR,gCAAkC,CAClC,SAAU,CAPd,kBAUQ,SAAU,CAIlB,UACI,qBpBFmC,CoBGnC,eAAgB,CAFpB,kBAKQ,gBAAiB,CAIzB,oBACI,oBAAqB,CAGzB,qBACI,qBpBrBmB,CoBsBnB,WAAY,CAOhB,wCACI,SAAU,CAEV,yBAHJ,oBAIQ,WAAY,CAEnB,CAED,UACI,mCAAqC,CADzC,4BAKY,qBAKG,CAKf,yBACI,2BnBdoB,CmBepB,0BnBfoB,CmBaxB,+BAKQ,YAAa,CALrB,qDAQY,6BpB3DK,CoBgEjB,gBACI,qCAA0C,CAD9C,yBAIQ,eAAgB,CAEhB,cAAe,CACf,yBAA2B,CAC3B,eAAgB,CAChB,gBAAiB,CATzB,uCAYY,YAAa,CAYzB,2BACI,oBAAqB,CACrB,oBAAqB,CAGzB,yBACI,eAAgB,CAChB,qBpBzFkC,CoBgGtC,sCAEQ,4IACsF,CAI9F,oBACI,QAAS,CAGb,gBACI,yBpBnHmB,CoBoHnB,8BnB7EoB,CmB8EpB,6BnB9EoB,CmB+EpB,gBAAiB,CACjB,eAAgB,CAGpB,iBACI,WAAY,CACZ,cAAe,CACf,UAAc,CACd,QAAS,CACT,eAAgB,CALpB,yBAQQ,iBAAkB,CAClB,UAAc,CATtB,oEAcY,wBpB5IQ,CoBiJpB,iBACI,iBAAkB,CAClB,eAAgB,CAChB,eAAgB,CZ+8BpB,2BY58BI,iBAAkB,CAClB,kBAAmB,CAGvB,gBACI,aAAc,CAGlB,oBACI,UAAW,CADf,kCAIQ,KAAM,CAId,0BACI,eAAgB,CAChB,UAAW,CAGf,kBACI,aAAc,CACd,cAAe,CCzLnB,QACE,iBAAkB,CAClB,WAAY,CACZ,gCAAkC,CAClC,UAAW,CAEX,yBANF,QAOI,aAAc,CACd,iBpBiDsB,CoBhDtB,gBAAiB,CAEpB,CCPD,eACI,iBAAkB,CAClB,QAAS,CACT,UAAW,CAHf,oBAMQ,wBAAoC,CACpC,gBAAiB,Cd0oCzB,yBctoCE,UAAU,CACV,SAAS,CAOX,oBACI,eAAgB,CAEhB,cpBZ8B,CoBelC,oBACI,yBAA2B,CAC3B,2BAA6B,CAC7B,gBAAiB,CAGrB,wDAEQ,atBpCgB,CsBwCxB,cACI,iBAAkB,CAClB,QAA8C,CAC9C,QAAS,CACT,MAAO,CACP,qBAAsB,CACtB,UA9CqB,CA+CrB,eAAgB,CAChB,aAAc,CACd,iBAAkB,CAClB,2BtBnCa,CsBqCb,yCAZJ,cAaQ,YAAa,CAEpB,Cd4nCD,wBc1nCE,OAAO,CACP,SAAS,CAGX,6CACI,cAAe,CACf,iBAAkB,CC1DtB,MACI,aAAc,CACd,iBAAkB,CAClB,MAAO,CACP,OAAQ,CAER,yCANJ,MAQQ,iBAAkB,CAClB,kBAAmB,CAe1B,CAZG,yCAZJ,MAaQ,YAAa,CAWpB,CAxBD,eAiBQ,sBAAuB,CACvB,SAAU,CAlBlB,sBAsBQ,SAAU,CAOd,yCADJ,aAEQ,eAAgB,CAChB,kBAAmB,CAM1B,CAHG,yCANJ,aAOQ,gBAAiB,CAExB,CAED,cACI,gBAAiB,CACjB,qBAAyB,CACzB,iBtBSsB,CsBRtB,gBAAiB,CAEjB,yCANJ,cAOQ,eAAgB,CAQvB,CALG,yCAVJ,cAWQ,SAAU,CACV,oBAAqB,CACrB,uBAAwB,CAE/B,CAED,wBAEQ,qBAAyB,CAIjC,sBACI,iBAAkB,CAClB,SAAU,CACV,MAAO,CACP,OAAQ,CACR,SAAU,CALd,oCAQQ,oBAAsB,CAEtB,yCAVR,oCAWY,mBAAqB,CAE5B,CAGL,WACI,UAAc,CACd,sBAAuB,CAG3B,aACI,YAAa,CACb,WAAY,CACZ,eAAgB,CAChB,crB/E8B,CqB2ElC,2CAQY,uBAA6B,CAC7B,UAAW,CATvB,oGAiBY,YAAa,CAjBzB,6BAsBQ,aAAc,CACd,qBvB5FqB,CuBgG7B,2BAEI,wBvBzGsB,CuB0GtB,4BvBzGqB,CuB0GrB,yBvB1GqB,CuB6GzB,0BACI,iBAAkB,CAGtB,mBACI,gBAAiB,CAGrB,qBACI,eAAgB,CAGpB,mBACI,sBAAuB,CACvB,kBAAmB,CACnB,eAAgB,CAEhB,yCALJ,mBAMQ,cAAe,CAEtB,CAED,YACI,eAAgB,CAChB,mBAAoB,CACpB,cAAe,CAEf,yCALJ,YAMQ,crBzI0B,CqB2IjC,CAED,uBACI,mBAAoB,CAEpB,yCAHJ,uBAIQ,mBAAoB,CAc3B,CAXG,0CAPJ,uBAQQ,mBAAoB,CAU3B,CAlBD,8CAYQ,aAAc,CAZtB,6CAgBQ,cAAe,CAIvB,6BACI,iBAAkB,CAClB,eAAgB,CAChB,qBvB7JmC,CuBgKvC,6BACI,wBAAyB,CAG7B,iDAKQ,cAAe,CAKnB,yCADJ,qBAEQ,iBAAuC,CAE9C,CAGG,yCADJ,sBAEQ,kBtB/JkB,CsBiKzB,CAED,cACI,iBAAkB,CAClB,OAAQ,CACR,KAAM,CACN,UnB3MoB,CmB8MxB,uBACI,cAAe,CACf,UnBhNoB,CmBiNpB,qBAAyB,CACzB,aAAc,CACd,iBtBjKsB,CsBmKtB,yCAPJ,uBAQQ,OAAQ,CACR,QAAS,CACT,MAAO,CACP,UAAW,CACX,eAAgB,CAChB,SAAU,CACV,YAAa,CACb,WtBzLkB,CsB2LzB,CAID,WACI,QAAS,CAET,yCAHJ,WAIQ,YAAa,CACb,eAAgB,CAsBvB,CA3BD,oBASQ,gBAAiB,CACjB,iBAAkB,CAV1B,kCAeY,gBAAiB,CAf7B,mFAoBQ,gBAAiB,CACjB,iBAAkB,CArB1B,+BAyBQ,YAAa,CAIrB,aACI,wBvBvQoB,CuBwQpB,oBAAqB,CACrB,YAAa,CACb,qBAAyB,CAO7B,iCACI,qBAAsB,CACtB,oBAAqB,CC/QrB,yCADJ,oCAGY,UAAW,CACd,CAIT,iBACI,yBAA0B,CAC1B,QAAS,CACT,WAAY,CAHhB,+BAMQ,oBAAqB,CACrB,WAAY,CACZ,eAAc,CAAd,YAAc,CAEd,8BxBPe,CwBOf,uBxBPe,CwBOf,kBxBPe,CwBQf,eAAgB,CAXxB,0CAcY,YAAa,CAdzB,2BAmBQ,QAAc,CACd,wBAAyB,CACzB,yBAA0B,CAC1B,2BAA4B,CAC5B,4BAA6B,CAIrC,2BACI,YAAa,CACb,WAAY,CACZ,cAAe,CACf,QAAS,CACT,UAAW,CACX,iBAAkB,CAClB,SAAU,CAIV,yCADJ,0CAGY,WAAY,CACZ,qBAAuB,CAC1B,CAIT,iCACI,QAAS,CACT,WAAY,CACZ,SAAU,CACV,UAAW,CACX,eAAgB,CAChB,cAAe,CACf,WAAY,CACZ,UAAW,CARf,kDAWQ,WAAY,CACZ,UAAW,CACX,aAAc,CACd,eAAgB,CAChB,iBvBnBgB,CuBuBxB,sCACI,WAAY,CACZ,WAAY,CAFhB,wMAKQ,YAAa,CAIrB,0BACI,+BAAkD,CAClD,yBAA0D,CAG9D,iCACI,eAAgB,CAGpB,0BAKI,qBAAyB,CAL7B,oHAEQ,ctBnF0B,CsBiFlC,kDAQQ,QAAc,CACd,eAAgB,CAChB,SAAU,CACV,eAAgB,CAXxB,0CAeQ,YAAa,CAIrB,kCACI,WAAY,CACZ,qBAAyB,CACzB,ctBvG8B,CsB0GlC,yCACI,sEAEQ,KAAM,CACN,QAAS,CACT,MAAO,CACP,OAAQ,CACR,eAAgB,CAChB,cAAe,CACf,WAAY,CACZ,UAAW,CATnB,uFAYY,eAAgB,CAK5B,sBACI,YAAa,CAChB,CAGL,0BACI,cAAe,CACf,KAAM,CACN,MAAO,CACP,UAAW,CACX,WAAY,CACZ,SAAU,CACV,wBAAoC,CACpC,WAAY,CAGhB,eACI,sBAAyB,CAD7B,wBAIQ,SAAU,CAJlB,gCAQQ,SAAU,CACV,qBAAuB,CAT/B,sLAkBQ,SAAU,CAIlB,eACI,0BAA4B,CAC5B,kBAAmB,CACnB,aAAc,CAGlB,wBACI,YAAa,CACb,eAAgB,CAChB,iBAAkB,CAClB,SAAU,CACV,qBxB3Ka,CwB4Kb,0BvBtIoB,CuBuIpB,2BvBvIoB,CuB0IxB,kEACI,iBAAkB,CAClB,MAAO,CACP,OAAQ,CAGZ,oCACI,qCAAuC,CACvC,0BvBlJoB,CuBmJpB,2BvBnJoB,CuBoJpB,iCAA0C,CAC1C,+BAAiC,CACjC,KAAM,CACN,QAAS,CAGb,8BACI,QAAS,CACT,WAAY,CACZ,eAAgB,CAChB,eAAgB,CAChB,gBAAiB,CACjB,eAAgB,CAChB,oCAAwC,CACxC,yBxB1MqB,CwBkMzB,oCAWQ,UAAW,CACX,gBAAiB,CACjB,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,UAAW,CACX,WAAa,CACb,6EAAiF,CAIzF,yCAEQ,cAAe,CACf,0BAA6B,CAC7B,eAAmB,CACnB,iBAAkB,CAClB,oBAAqB,CACrB,aAAc,CACd,mBAAoB,CACpB,qBAAsB,CACtB,gBAAiB,CACjB,kBAAmB,CACnB,aAAc,CAGd,kCAAmC,CAEnC,iCAAkC,CAGlC,iCAAkC,CAGlC,4BAA6B,CAE7B,cAAe,CACf,qBxB1O8B,CwB8OtC,6CACI,mBAAoB,CAGxB,kCACI,UAAY,CACZ,aAAc,CAFlB,0CAKQ,cAAe,CAIvB,qBACI,cAAe,CAGnB,wBACI,QAAS,CACT,aAAc,CACd,UAAc,CACd,qBxBtQqB,CwBuQrB,6BvBpOoB,CuBqOpB,8BvBrOoB,CuB+NxB,gCASQ,UAAc,CAItB,2BACI,QAAS,CAGb,qCACI,cAAe,CACf,eAAgB,CAGpB,2BACI,qBxB7RmB,CwB8RnB,YAAa,CACb,kBAAmB,CACnB,iBAAkB,CAClB,iBAAkB,CAGtB,oCACI,cAAe,CACf,WAAY,CAGhB,mCACI,iBAAkB,CAClB,OAAQ,CACR,UAAW,CAEX,oBAAsB,CACtB,qBAAuB,CACvB,YAAa,CAPjB,2CAUQ,gBAAiB,CACjB,cAAe,CAIvB,qBACI,iBAAkB,CAClB,UAAW,CACX,aAAqC,CAHzC,oDAMQ,aAAqC,CAN7C,6BAUQ,eAAgB,CAChB,WAAY,CACZ,UAAW,CAInB,uBACI,iBAAkB,CAClB,YAAa,CACb,qBxB5UqB,CwB6UrB,kBAAmB,CACnB,qBxBvUmC,CwBwUnC,iBAAkB,CAClB,cAAe,CACf,6BAA8B,CAC9B,mBAAqB,CATzB,2DAYQ,qBAAuB,CAZ/B,0FAgBQ,oBxBjWW,CwBkWX,wBAA+C,CAC/C,axBnWW,CwBiVnB,2NAqBY,axBtWO,CwB2WnB,oBACI,WpB/V4B,CoBqWhC,uBACI,qBAAyB,CAD7B,oCAIQ,kBAAmB,CACnB,iBxB7WS,CwBiXjB,iFAGY,cAAe,CACf,QAAgD,CAChD,MAAO,CACP,OAAQ,CACR,SAAU,CAEV,yCATZ,iFAUgB,SAAmC,CAInC,cAJmC,CAsB1C,CAfG,yCAjBZ,iFAkBgB,cAAe,CActB,CAhCT,+FAsBgB,aAAc,CAEd,yCAxBhB,+FAyBoB,YAAa,CAMpB,CAHG,yCA5BhB,+FA6BoB,aAAc,CAErB,CA/Bb,8DAmCY,gBAAiB,CAK7B,8CAGQ,qBxB7Ze,CwB8Zf,qBxB7ZS,CwB8ZT,kBAAmB,CAI3B,gCACI,iBAAkB,CAClB,kBAAmB,CAMvB,iCACI,eAAgB,CAGpB,iCACI,cAAe,CACf,qBAAuB,CAIvB,yCADJ,kBAEQ,WAAY,CACZ,cAAe,CAOtB,CAJG,yCANJ,kBAOQ,WAAY,CACZ,cAAe,CAEtB,CAED,gBACI,UAAW,CACX,aAAc,CACd,eAAgB,CAChB,kBAAmB,CAJvB,+BAOQ,UAAW,CAPnB,wCAWQ,YAAa,CACb,WAAY,CAIpB,yBACI,eAAgB,CAGpB,yCACI,6EAEQ,qBAA6C,CAChD,CAIT,kBACI,qBAAyB,CACzB,aAAc,CC7elB,kBACI,oBAAsB,CAD1B,0BAIQ,gBAAiB,CAIzB,oBACI,iBAAkB,CAClB,iBAAkB,CAClB,wBzBLe,CyBMf,UAAW,CACX,QAAS,CACT,WAAY,CACZ,gBAAiB,CACjB,cAAe,CACf,eAAgB,CAChB,gBAAiB,CAVrB,2BAaQ,UAAW,CACX,iBAAkB,CAClB,UAAW,CACX,OAAQ,CACR,yCAA6C,CAC7C,gCAAiC,CACjC,mCAAoC,CAI5C,mBACI,aAAc,CAGlB,sBACI,WAAY,CAGhB,6BACI,eAAgB,CAGpB,kPAIQ,qBzB1B+B,CyB2B/B,cvBlC0B,CuB6BlC,0QAQY,cvBrCsB,CuBsCtB,WAAY,CACZ,UAAW,CACX,gBAAiB,CACjB,gBvBzCsB,CwBdlC,cACI,iBzBqDoB,CyBpDpB,SAAU,CACV,cxBW8B,CwBV9B,eAAgB,CAEhB,0BANJ,cAOQ,yBAA2B,CAOlC,CAdD,iBAWQ,QAAS,CACT,eAAgB,CAIxB,4BACI,YzBiCyE,CyB9B7E,2BACI,WAAY,CAEZ,yBAHJ,2BAIQ,WAAY,CAEnB,CAED,oBACI,qB1BNkC,C0BOlC,iBAAkB,CAGtB,qBACI,iBAAkB,CAClB,UAAW,CACX,QAAS,CACT,YAAa,CAJjB,4BAOQ,UAAW,CACX,iBAAkB,CAClB,4BAA6B,CAC7B,iCAAkC,CAClC,kCAAmC,CAI3C,+DACI,UAAW,CAGf,+CACI,WAAY,ClBmwDhB,+BkB9vDI,UAAW,CACX,SAAU,ClBiwDd,mFkB9vDI,SAAS,CACT,UAAU,ClBiwDd,yDkB9vDM,UAAW,CACX,UAAU,CAIhB,oBACI,gBAAiB,CAGrB,2BACI,eAAgB,CAGpB,0BACI,eAAgB,CAChB,qB1B5DmC,C0B+DvC,uDAIQ,SAAU,CAJlB,6CAOY,gBAAiB,CACjB,WAAY,CACZ,UAAW,CAKvB,2CAEQ,wBAAyB,CACzB,UAAW,CAInB,qBACI,iBAAkB,CAClB,gBAAiB,CAFrB,6BAKQ,a1BnFU,C0BuFlB,8BACI,iBAAkB,CAClB,KAAM,CACN,UAAW,CACX,mCAA0C,CAG9C,uBACI,wB1B7GsB,C0BgH1B,uBACI,YAAa,CC9HjB,aACI,yBAA0B,CAC1B,iBAAkB,CAClB,czBW8B,CyBdlC,gBAMQ,iBAAkB,CAClB,4BAA6B,CAPrC,mBAWQ,UAAW,CACX,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,UAAW,CACX,UAAW,CACX,KAAQ,CACR,WAAY,CACZ,iCAAkC,CAClC,oCAAqC,CACrC,+B3BHgB,C2BOxB,wCACI,yB3BXmB,C2BcvB,qBACI,YAAa,CACb,eAAgB,CAGpB,qBACI,iBAAkB,CAElB,2BAA4B,CAC5B,iBAAkB,CAClB,eAAgB,CAChB,iBAAkB,CAClB,UAAc,CACd,wB3BxBoB,C2B2BxB,qBACI,wB3BxCe,C2ByCf,WAAY,CACZ,iBAAkB,CAClB,KAAM,CACN,UAAW,CAGf,mBACI,iBAAkB,CAClB,UAAc,CAGlB,mBACI,YAAa,CACb,qBAAyB,CACzB,6B1BPoB,C0BQpB,8B1BRoB,C0BSpB,aAAc,CAGlB,qBACI,qBAAyB,CACzB,a3B1Da,C2B2Db,oBAAqB,CACrB,eAAgB,CAChB,czBzD8B,CyBoDlC,4DAQQ,iBAAkB,CAR1B,4EAYQ,SAAS,CAZjB,4EAgBQ,SAAS,CAIjB,oBACI,eAAgB,CAGpB,mBACI,iBAAkB,CAClB,UAAY,CACZ,wBAAyB,CACzB,czBhF8B,CyBmFlC,kCAEQ,gBAAiB,CAKzB,mBACI,kBAAmB,CACnB,gBAAiB,CACjB,gBAAiB,CAEjB,yCALJ,mBAMQ,0BAA2B,CAclC,CApBD,yBAUQ,+B3BxGS,C2B8FjB,wCAcQ,qBAAyB,CAdjC,wCAkBQ,wB3BhHS,C4BVjB,WACI,iBAAkB,CAGtB,oBACI,cAAe,CACf,aAAc,CAGlB,oBACI,eAAgB,CAChB,c1BG8B,C0BF9B,iBAAkB,CAElB,yCALJ,oBAMQ,aAAc,CAErB,CAED,uCACI,gBAAiB,CACjB,QAAS,CACT,c1BR8B,C0BWlC,mBACI,iBAAkB,CAClB,UAAW,CACX,QAAS,CAGb,yCAGY,mBAAqB,CACrB,cAAe,CACf,WAAY,CALxB,8FAUgB,8B5BnCG,C4B0CnB,2CAEQ,aAAc,CAFtB,0CAMQ,cAAe,CAIvB,0BACI,iBAAkB,CAClB,eAAgB,CAEhB,qB5BzCmC,C4B4CvC,0BACI,wBAAyB,CAG7B,mBACI,iBAAkB,CAClB,eAAgB,CAGpB,4BACI,cAAe,CAGnB,uBACI,iBAAkB,CAClB,YAAa,CACb,kBAAmB,CAEnB,yCALJ,uBAMQ,eAAgB,CAEvB,CAGG,yCADJ,2BAEQ,UAAW,CAElB,CAED,gCACI,gBAAiB,CACjB,UAAW,CAGf,+BACI,iBAAkB,CAClB,KAAM,CACN,OAAQ,CACR,WAAY,CACZ,8CAAsD,CACtD,eAAgB,CAChB,WAAY,CACZ,QAAS,CARb,uCAeQ,YAAa,CAIrB,qBACI,YAAa,CACb,WAAY,CAFhB,oCAKQ,wB5B9GkB,C4BkH1B,8BACI,iBAAoB,CACpB,4B5BlHmB,C4BqHvB,8BACI,a5BnHoB,C4BoHpB,eAAgB,CCnIpB,gCACI,eAAgB,CAGpB,oBACI,qB7BMqB,C6BJrB,6B7BOkB,C6BJtB,kBACI,qBAAsB,CAEtB,0CAHJ,kBAIQ,mBAAoB,CAE3B,CAED,iBACI,kBAAmB,CACnB,ezBJ4B,CyBM5B,yCAJJ,iBAKQ,kBAAmB,CAY1B,CATG,0CARJ,iBASQ,kBAAmB,CAQ1B,CAjBD,4BAcQ,iBAAkB,CAClB,UAAW,CAInB,2BACI,YAAa,CAGjB,yEACI,gBAAiB,CAGrB,uFACI,cAAe,CAInB,gFACI,kBAAmB,CACnB,eAAgB,CAChB,eAAgB,CAChB,gBAAiB,CACjB,kBAAmB,CAGvB,uBACI,U7B7CkB,C6BgDtB,8BACI,eAAgB,CAChB,eAAgB,CAGpB,0BACI,eAAgB,CAChB,oBAAqB,CAGzB,6BACI,cAAe,CACf,qBAAuB,CACvB,eAAgB,CAGpB,gBACI,qBAAyB,CACzB,eAAgB,CAChB,gBAAiB,CACjB,iBAAkB,CAClB,WAAY,CACZ,mBAAqB,CACrB,oBAAsB,CAG1B,yBACI,kBAAmB,CAGvB,mDACI,QAAS,CACT,SAAU,CAFd,qEAKQ,eAAgB,CAIxB,2FACI,WAAY,CACZ,QAAc,CAGlB,yBACI,aAAc,CADlB,kDAKY,aAAc,CAL1B,iDASY,cAAe,CAK3B,4BACI,SAAU,CACV,cAAe,CAGnB,qCACI,YAAa,CACb,kBAAmB,CAGvB,qBACI,SAAU,CAGd,+BACI,wB7B7HsB,C6BgI1B,6BACI,4BAA6B,CAC7B,SAAU,CAFd,iDAKQ,kBAAmB,CAI3B,2BACI,SAAU,CACV,iBAAkB,CAClB,eAAgB,CAEhB,yCALJ,2BAMQ,gBAAiB,CAExB,CAED,2GACI,qBAAyB,CACzB,WAAY,CACZ,cAAqC,CACrC,QAAc,CACd,gBAAiB,CACjB,eAAgB,CAChB,WAAY,CAGhB,gDACI,iBAAkB,CAClB,SAAU,CACV,eAAgB,CAGpB,uFACI,YAAa,CAGjB,8FACI,cAAqC,CACrC,SAAU,CACV,QAAS,CAGb,4BACI,cAAe,CADnB,8BAIQ,yBAA2B,CAC3B,+BAA+B,CAIvC,sBACI,WAAY,CAGhB,uCACI,aAAc,CACd,QAAS,CAFb,yDAKQ,YAAa,CAIrB,+BACI,eAAgB,CADpB,0CAIQ,YAAa,CACb,eAAgB,CCjNxB,0BACI,QAAc,CCLlB,cACI,eAAgB,CAChB,eAAgB,CAGpB,gBACI,YAAa,CACb,aAAc,CAGd,iBAAqB,CAArB,kBAAqB,CAArB,kBAAqB,CCPzB,eACI,qBhCUqB,CgCTrB,kBAAmB,CACnB,WAAY,CACZ,6BhCUkB,CgCPtB,eACI,mBAAoB,CAIpB,yCADJ,2BAEQ,YAAa,CAEpB,CAED,sBACI,YAAa,CACb,eAAgB,CAChB,ahCtBoB,CgCyBxB,uBACI,SAAU,CAGd,6CAEQ,ahCzBa,CgC6BrB,wBACI,gBAAiB,CAEjB,iBAAkB,CAClB,qBhCzBmB,CgC0BnB,gCAAkC,CAClC,6B/BYoB,C+BXpB,8B/BWoB,C+BTpB,mBAAe,CAAf,cAAe,CAEf,yCAXJ,wBAYQ,6BAA0B,CAA1B,wBAA0B,CAOjC,CAnBD,4BAgBQ,cAAe,CACf,WAAY,CAIpB,8BACI,wBhCzDoB,CgC4DxB,oBACI,oBAAqB,CACrB,WAAY,CACZ,eAAgB,CAChB,8BAAmB,CAAnB,kBAAmB,CAOvB,8BACI,qBAAyB,CACzB,qBAAuB,CACvB,qBhC3Da,CgCwDjB,iDAMQ,UAAW,CAInB,oCACI,gBAAiB,CAGrB,gBACI,uBAAyB,CAGzB,oBAAqB,CACrB,UAAc,CACd,eAAgB,CANpB,wBASQ,SAAU,CACV,sBAAuB,CAV/B,wBAcQ,UAAc,CCpGtB,wBAEI,qBjCYqB,CiCRzB,yBACE,cAAe,CACf,cAAe,CAFjB,2BAKI,eAAgB,CAChB,kBAAmB,CACnB,eAAgB,CAChB,sBAAuB,CACvB,oBAAqB,CCfzB,6BAEQ,YAAa,CAGjB,yCALJ,kBAMQ,yBlCSe,CkCPtB,CAED,4BACI,iBAAkB,CAClB,WAAY,CAFhB,gDAKQ,qBAAyB,CAIjC,4BACI,iBAAkB,CAGtB,6BACE,WAAW,C1BoyEb,uC0BhyEE,UAAU,CC5BZ,UACE,aAAc","file":"author.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Authoring Tool Colors\n$_primary-color: #7e57c2; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 56%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: map-merge($color, $body-color);\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #7e57c2; }\n\nblockquote {\n  background-color: white;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #7e57c2;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #7e57c2;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #7e57c2 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: white; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #7e57c2;\n  background-color: white; }\n\n.primary {\n  color: #7e57c2; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: white; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #7e57c2; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: white; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #7e57c2; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: white; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-node {\n  margin-top: 42px;\n  padding: 0; }\n  @media only screen and (min-width: 600px) {\n    .l-node {\n      padding: 0 0 16px;\n      background-color: #eeeeee !important; } }\n  @media only screen and (min-width: 960px) {\n    .l-node {\n      padding: 0 0 32px; } }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #7e57c2; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #7e57c2; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: white;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #7e57c2; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #7e57c2;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-launcher.md-button.md-fab {\n    z-index: 61; } }\n\n.notebook-report {\n  border-radius: 4px 4px 0 0;\n  margin: 0;\n  height: 100%; }\n  .notebook-report .note-toolbar {\n    margin: -8px -8px 8px;\n    padding: 4px;\n    border: 0 none;\n    border-top: 1px solid #dddddd;\n    border-bottom: 1px solid #dddddd;\n    border-radius: 0; }\n    .notebook-report .note-toolbar .btn-group {\n      margin-top: 0; }\n  .notebook-report .note-btn {\n    border: 0 none;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0; }\n\n.notebook-report-container {\n  height: 550px;\n  width: 450px;\n  max-height: 90%;\n  bottom: 0;\n  right: 96px;\n  position: absolute;\n  z-index: 3; }\n\n@media only screen and (min-width: 960px) {\n  .notes-visible .notebook-report-container {\n    right: 516px;\n    transition: right 250ms; } }\n\n.notebook-report-container__full {\n  top: 16px;\n  bottom: 16px;\n  left: 16px;\n  right: 16px;\n  max-height: none;\n  max-width: none;\n  height: auto;\n  width: auto; }\n  .notebook-report-container__full .notebook-report {\n    height: 100%;\n    width: 100%;\n    margin: 0 auto;\n    max-height: none;\n    border-radius: 4px; }\n\n.notebook-report-container__collapsed {\n  width: 300px;\n  height: auto; }\n  .notebook-report-container__collapsed .notebook-report__content, .notebook-report-container__collapsed .notebook-report__actions, .notebook-report-container__collapsed .notebook-report__content__header {\n    display: none; }\n\n.notebook-report__toolbar {\n  background-color: #333333 !important;\n  border-radius: 4px 4px 0 0; }\n\n.notebook-report__toolbar__title {\n  max-width: 150px; }\n\n.notebook-report__content {\n  background-color: #ffffff; }\n  .notebook-report__content h1, .notebook-report__content h2, .notebook-report__content h3, .notebook-report__content h4 {\n    font-size: 22px; }\n  .notebook-report__content .note-editor.note-frame {\n    border: 0 none;\n    border-radius: 0;\n    padding: 0;\n    box-shadow: none; }\n  .notebook-report__content .note-resizebar {\n    display: none; }\n\n.notebook-report__content__header {\n  padding: 8px;\n  background-color: #ffffff;\n  font-size: 16px; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-report-container:not(.notebook-report-container__collapsed) {\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    max-height: none;\n    max-width: none;\n    height: auto;\n    width: auto; }\n    .notebook-report-container:not(.notebook-report-container__collapsed) .notebook-report {\n      border-radius: 0; }\n  .notebook-tools--full {\n    display: none; } }\n\n.notebook-report-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 3;\n  background-color: #212121;\n  opacity: .48; }\n\n.notebook-menu {\n  transition: opacity 500ms; }\n  .notebook-menu.ng-enter {\n    opacity: 0; }\n  .notebook-menu .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .notebook-menu.ng-leave-active, .notebook-menu.ng-hide {\n    opacity: 0; }\n  .notebook-menu.ng-hide-add, .notebook-menu.ng-hide-add-active, .notebook-menu.ng-hide-remove, .notebook-menu.ng-hide-remove-active {\n    opacity: 0; }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.view-notebook-item {\n  width: 600px; }\n\n.notebook-item--report {\n  background-color: #ffffff; }\n  .notebook-item--report .note-editor {\n    margin-bottom: 16px;\n    border-color: #cccccc; }\n\n.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n  position: fixed;\n  top: 94px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      left: 54px; } }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 24px; } }\n  @media only screen and (min-width: 960px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 32px; } }\n  .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n    margin: 0 16px; }\n    @media only screen and (min-width: 600px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 8px; } }\n    @media only screen and (min-width: 960px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 16px; } }\n\n.notebook-item--report__container.ui-scrollpoint .note-editor {\n  padding-top: 40px; }\n\n.notebook-item--report__toolbar .note-toolbar {\n  background-color: #dddddd;\n  border: 1px solid #cccccc;\n  margin-bottom: -2px; }\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px; }\n\n.notebook-item--report__add-note {\n  font-weight: 700; }\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n.notebook-items {\n  width: 100%;\n  overflow: auto;\n  margin-top: 16px;\n  margin-bottom: 76px; }\n  .notebook-items .notebook-item {\n    width: 100%; }\n  .notebook-items .notebook-item__content {\n    height: 200px;\n    min-width: 0; }\n\n.notebook-items--grading {\n  margin-bottom: 0; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #7e57c2; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #7e57c2; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-node {\n  margin-top: $wise-toolbar-height;\n  padding: 0;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    padding: 0 0 16px;\n    background-color: color('body-bg') !important;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 0 0 32px;\n  }\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 56px;\n\n// Base\n.notebook-launcher {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        &.md-button.md-fab {\n            z-index: 61;\n        }\n    }\n}\n\n.notebook-report {\n    border-radius: 4px 4px 0 0;\n    margin: 0;\n    height: 100%;\n\n    .note-toolbar {\n        margin: -8px -8px 8px;\n        padding: 4px;\n        border: 0 none;\n        border-top: 1px solid color('gray-light');\n        border-bottom: 1px solid color('gray-light');\n        border-radius: 0;\n\n        .btn-group {\n            margin-top: 0;\n        }\n    }\n\n    .note-btn {\n        border: 0 none;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n}\n\n.notebook-report-container {\n    height: 550px;\n    width: 450px;\n    max-height: 90%;\n    bottom: 0;\n    right: 96px;\n    position: absolute;\n    z-index: 3;\n}\n\n.notes-visible {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        .notebook-report-container {\n            right: 516px;\n            transition: right 250ms;\n        }\n    }\n}\n\n.notebook-report-container__full {\n    top: 16px;\n    bottom: 16px;\n    left: 16px;\n    right: 16px;\n    max-height: none;\n    max-width: none;\n    height: auto;\n    width: auto;\n\n    .notebook-report {\n        height: 100%;\n        width: 100%;\n        margin: 0 auto;\n        max-height: none;\n        border-radius: $card-border-radius;\n    }\n}\n\n.notebook-report-container__collapsed {\n    width: 300px;\n    height: auto;\n\n    .notebook-report__content, .notebook-report__actions, .notebook-report__content__header {\n        display: none;\n    }\n}\n\n.notebook-report__toolbar {\n    background-color: color('gray-darkest') !important;\n    border-radius: $card-border-radius $card-border-radius 0 0;\n}\n\n.notebook-report__toolbar__title {\n    max-width: 150px;\n}\n\n.notebook-report__content {\n    h1, h2, h3, h4 {\n        font-size: rem(2.2);\n    }\n\n    background-color: #ffffff;\n\n    .note-editor.note-frame {\n        border: 0 none;\n        border-radius: 0;\n        padding: 0;\n        box-shadow: none;\n    }\n\n    .note-resizebar {\n        display: none;\n    }\n}\n\n.notebook-report__content__header {\n    padding: 8px;\n    background-color: #ffffff;\n    font-size: rem(1.6);\n}\n\n@media only screen and (max-width: $layout-breakpoint-xs - 1) {\n    .notebook-report-container {\n        &:not(.notebook-report-container__collapsed) {\n            top: 0;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            max-height: none;\n            max-width: none;\n            height: auto;\n            width: auto;\n\n            .notebook-report {\n                border-radius: 0;\n            }\n        }\n    }\n\n    .notebook-tools--full {\n        display: none;\n    }\n}\n\n.notebook-report-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 3;\n    background-color: rgba(33,33,33,1.0);\n    opacity: .48;\n}\n\n.notebook-menu {\n    transition: opacity 500ms;\n\n    &.ng-enter {\n        opacity: 0;\n    }\n\n    .ng-enter-active {\n        opacity: 1;\n        transition-delay: 250ms;\n    }\n\n    &.ng-leave-active, &.ng-hide {\n        opacity: 0;\n    }\n\n    &.ng-hide-add, &.ng-hide-add-active,\n    &.ng-hide-remove, &.ng-hide-remove-active {\n        opacity: 0;\n    }\n}\n\n.notebook-item {\n    transition: box-shadow 250ms;\n    margin: 0 16px 16px;\n    display: block;\n}\n\n.notebook-item__content {\n    height: 250px;\n    min-width: 230px;\n    position: relative;\n    padding: 0;\n    background-color: color('gray');\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n    position: absolute;\n    left: 0;\n    right: 0;\n}\n\n.notebook-item__content__attachment {\n    background-repeat: no-repeat !important;\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    background-position: center top !important;\n    background-size: cover !important;\n    top: 0;\n    bottom: 0;\n}\n\n.notebook-item__content__text {\n    bottom: 0;\n    padding: 8px;\n    font-weight: 500;\n    overflow: hidden;\n    max-height: 120px;\n    min-height: 56px;\n    background-color: rgba(255,255,255,0.95);\n    border-top: 1px solid color('gray-lighter');\n\n    &:after {\n        content: \"\";\n        text-align: right;\n        position: absolute;\n        bottom: 0;\n        right: 0;\n        width: 100%;\n        height: 0.8em;\n        background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n    }\n}\n\n.notebook-item__content--text-only {\n    &:after {\n        content: \"note\";\n        font-family: 'Material Icons';\n        font-weight: normal;\n        font-style: normal;\n        display: inline-block;\n        line-height: 1;\n        text-transform: none;\n        letter-spacing: normal;\n        word-wrap: normal;\n        white-space: nowrap;\n        direction: ltr;\n\n        /* Support for all WebKit browsers. */\n        -webkit-font-smoothing: antialiased;\n        /* Support for Safari and Chrome. */\n        text-rendering: optimizeLegibility;\n\n        /* Support for Firefox. */\n        -moz-osx-font-smoothing: grayscale;\n\n        /* Support for IE. */\n        font-feature-settings: 'liga';\n        //position: absolute;\n        font-size: 80px;\n        color: color('text-disabled');\n    }\n}\n\n.notebook-item--question__content--text-only {\n    content: \"live_help\";\n}\n\n.notebook-item__content__location {\n    opacity: 0.9;\n    padding: 8px 0;\n\n    md-icon {\n        font-size: 22px;\n    }\n}\n\n.notebook-item__edit {\n    cursor: pointer;\n}\n\n.notebook-item__actions {\n    margin: 0;\n    padding: 0 8px;\n    color: #ffffff;\n    background-color: color('gray-darkest');\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n\n.notebook-item__text-input {\n    margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n    padding-left: 0;\n    padding-right: 0;\n}\n\n.notebook-item__attachment {\n    background-color: color('gray-light');\n    padding: 16px;\n    margin-bottom: 16px;\n    text-align: center;\n    position: relative;\n}\n\n.notebook-item__attachment__content {\n    max-width: 100%;\n    height: auto;\n}\n\n.notebook-item__attachment__delete {\n    position: absolute;\n    top: 4px;\n    right: -2px;\n    // TODO: generalize for on item buttons like this (delete attachment, etc)\n    width: 34px !important;\n    height: 34px !important;\n    min-height: 0;\n\n    md-icon {\n        margin-left: -2px;\n        font-size: 22px;\n    }\n}\n\n.notebook-item__info {\n    font-style: italic;\n    opacity: .8;\n    color: lighten(color('accent-1'), 5%);\n\n    a, md-icon {\n        color: lighten(color('accent-1'), 5%);\n    }\n\n    md-icon {\n        font-size: 1.5em;\n        min-width: 0;\n        width: auto;\n    }\n}\n\n.notebook-item__upload {\n    text-align: center;\n    padding: 24px;\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    color: color('text-secondary');\n    border-radius: 4px;\n    cursor: pointer;\n    border: 1px dashed transparent;\n    transition: all 250ms;\n\n    md-icon, span {\n        transition: color 250ms;\n    }\n\n    &:hover, &:focus, &.dragover {\n        border-color: color('accent');\n        background-color: lighten(color('accent'), 35%);\n        color: color('accent');\n\n        md-icon, span {\n            color: color('accent');\n        }\n    }\n}\n\n.view-notebook-item {\n    width: $layout-breakpoint-xs;\n}\n\n.view-notebook-item__content {\n}\n\n.notebook-item--report {\n    background-color: #ffffff;\n\n    .note-editor {\n        margin-bottom: 16px;\n        border-color: color('gray');\n    }\n}\n\n.notebook-item--report__container {\n    &.ui-scrollpoint {\n        .notebook-item--report__toolbar {\n            position: fixed;\n            top: ($wise-toolbar-height + $md-toolbar-height);\n            left: 0;\n            right: 0;\n            z-index: 1;\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                left: ($notebook-sidebar-width - 2);\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                padding: 0 24px;\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-sm) {\n                padding: 0 32px;\n            }\n\n            .note-toolbar {\n                margin: 0 16px;\n\n                @media only screen and (min-width: $layout-breakpoint-xs) {\n                    margin: 0 8px;\n                }\n\n                @media only screen and (min-width: $layout-breakpoint-sm) {\n                    margin: 0 16px;\n                }\n            }\n        }\n\n        .note-editor {\n            padding-top: 40px;\n        }\n    }\n}\n\n.notebook-item--report__toolbar {\n\n    .note-toolbar {\n        background-color: color('gray-light');\n        border: 1px solid color('gray');\n        margin-bottom: -2px;\n    }\n}\n\n.notebook-item--report__heading {\n    text-align: center;\n    margin-bottom: 32px;\n}\n\n.notebook-item--report__content {\n}\n\n.notebook-item--report__add-note {\n    font-weight: 700;\n}\n\n.notebook-item--report__note-img {\n    max-width: 100%;\n    height: auto !important;\n}\n\n.notebook-sidebar {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 400px;\n        max-width: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 500px;\n        max-width: none;\n    }\n}\n\n.notebook-items {\n    width: 100%;\n    overflow: auto;\n    margin-top: 16px;\n    margin-bottom: 76px;\n\n    .notebook-item {\n        width: 100%;\n    }\n\n    .notebook-item__content {\n        height: 200px;\n        min-width: 0;\n    }\n}\n\n.notebook-items--grading {\n    margin-bottom: 0;\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n    .notebook-enabled {\n        .md-fab-bottom-right, .md-fab-bottom-left {\n            bottom: ($wise-toolbar-height + 8) !important;\n        }\n    }\n}\n\n.notebook-grading {\n    background-color: #ffffff;\n    display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config--author.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/author.css","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-node.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,qBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBEQoB,CFPpB,eAAgB,CAChB,cGlC8B,CHmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBExDsB,CF4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,qBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,qBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,UCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,qBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"author.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Authoring Tool Colors\n$_primary-color: #7e57c2; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 56%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: map-merge($color, $body-color);\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #7e57c2; }\n\nblockquote {\n  background-color: white;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #7e57c2;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #7e57c2;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #7e57c2 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: white; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #7e57c2;\n  background-color: white; }\n\n.primary {\n  color: #7e57c2; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: white; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #7e57c2; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: white; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #7e57c2; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: white; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-node {\n  margin-top: 42px;\n  padding: 0; }\n  @media only screen and (min-width: 600px) {\n    .l-node {\n      padding: 0 0 16px;\n      background-color: #eeeeee !important; } }\n  @media only screen and (min-width: 960px) {\n    .l-node {\n      padding: 0 0 32px; } }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #7e57c2; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #7e57c2; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: white;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #7e57c2; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #7e57c2;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-launcher.md-button.md-fab {\n    z-index: 61; } }\n\n@media only screen and (min-width: 960px) {\n  .notes-visible .notebook-report-container {\n    right: 516px;\n    transition: right 250ms; } }\n\n.notebook-menu {\n  transition: opacity 500ms; }\n  .notebook-menu.ng-enter {\n    opacity: 0; }\n  .notebook-menu .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .notebook-menu.ng-leave-active, .notebook-menu.ng-hide {\n    opacity: 0; }\n  .notebook-menu.ng-hide-add, .notebook-menu.ng-hide-add-active, .notebook-menu.ng-hide-remove, .notebook-menu.ng-hide-remove-active {\n    opacity: 0; }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.view-notebook-item {\n  width: 600px; }\n\n.notebook-item--report {\n  background-color: #ffffff; }\n  .notebook-item--report .note-editor {\n    margin-bottom: 16px;\n    border-color: #cccccc; }\n\n.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n  position: fixed;\n  top: 94px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      left: 54px; } }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 24px; } }\n  @media only screen and (min-width: 960px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 32px; } }\n  .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n    margin: 0 16px; }\n    @media only screen and (min-width: 600px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 8px; } }\n    @media only screen and (min-width: 960px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 16px; } }\n\n.notebook-item--report__container.ui-scrollpoint .note-editor {\n  padding-top: 40px; }\n\n.notebook-item--report__toolbar .note-toolbar {\n  background-color: #dddddd;\n  border: 1px solid #cccccc;\n  margin-bottom: -2px; }\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px; }\n\n.notebook-item--report__add-note {\n  font-weight: 700; }\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n.notebook-items {\n  width: 100%;\n  overflow: auto;\n  margin-top: 16px;\n  margin-bottom: 76px; }\n  .notebook-items .notebook-item {\n    width: 100%; }\n  .notebook-items .notebook-item__content {\n    height: 200px;\n    min-width: 0; }\n\n.notebook-items--grading {\n  margin-bottom: 0; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #7e57c2; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #7e57c2; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-node {\n  margin-top: $wise-toolbar-height;\n  padding: 0;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    padding: 0 0 16px;\n    background-color: color('body-bg') !important;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 0 0 32px;\n  }\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 56px;\n\n// Base\n.notebook-launcher {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        &.md-button.md-fab {\n            z-index: 61;\n        }\n    }\n}\n\n.notes-visible {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        .notebook-report-container {\n            right: 516px;\n            transition: right 250ms;\n        }\n    }\n}\n\n.notebook-menu {\n    transition: opacity 500ms;\n\n    &.ng-enter {\n        opacity: 0;\n    }\n\n    .ng-enter-active {\n        opacity: 1;\n        transition-delay: 250ms;\n    }\n\n    &.ng-leave-active, &.ng-hide {\n        opacity: 0;\n    }\n\n    &.ng-hide-add, &.ng-hide-add-active,\n    &.ng-hide-remove, &.ng-hide-remove-active {\n        opacity: 0;\n    }\n}\n\n.notebook-item {\n    transition: box-shadow 250ms;\n    margin: 0 16px 16px;\n    display: block;\n}\n\n.notebook-item__content {\n    height: 250px;\n    min-width: 230px;\n    position: relative;\n    padding: 0;\n    background-color: color('gray');\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n    position: absolute;\n    left: 0;\n    right: 0;\n}\n\n.notebook-item__content__attachment {\n    background-repeat: no-repeat !important;\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    background-position: center top !important;\n    background-size: cover !important;\n    top: 0;\n    bottom: 0;\n}\n\n.notebook-item__content__text {\n    bottom: 0;\n    padding: 8px;\n    font-weight: 500;\n    overflow: hidden;\n    max-height: 120px;\n    min-height: 56px;\n    background-color: rgba(255,255,255,0.95);\n    border-top: 1px solid color('gray-lighter');\n\n    &:after {\n        content: \"\";\n        text-align: right;\n        position: absolute;\n        bottom: 0;\n        right: 0;\n        width: 100%;\n        height: 0.8em;\n        background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n    }\n}\n\n.notebook-item__content--text-only {\n    &:after {\n        content: \"note\";\n        font-family: 'Material Icons';\n        font-weight: normal;\n        font-style: normal;\n        display: inline-block;\n        line-height: 1;\n        text-transform: none;\n        letter-spacing: normal;\n        word-wrap: normal;\n        white-space: nowrap;\n        direction: ltr;\n\n        /* Support for all WebKit browsers. */\n        -webkit-font-smoothing: antialiased;\n        /* Support for Safari and Chrome. */\n        text-rendering: optimizeLegibility;\n\n        /* Support for Firefox. */\n        -moz-osx-font-smoothing: grayscale;\n\n        /* Support for IE. */\n        font-feature-settings: 'liga';\n        //position: absolute;\n        font-size: 80px;\n        color: color('text-disabled');\n    }\n}\n\n.notebook-item--question__content--text-only {\n    content: \"live_help\";\n}\n\n.notebook-item__content__location {\n    opacity: 0.9;\n    padding: 8px 0;\n\n    md-icon {\n        font-size: 22px;\n    }\n}\n\n.notebook-item__edit {\n    cursor: pointer;\n}\n\n.notebook-item__actions {\n    margin: 0;\n    padding: 0 8px;\n    color: #ffffff;\n    background-color: color('gray-darkest');\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n\n.notebook-item__text-input {\n    margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n    padding-left: 0;\n    padding-right: 0;\n}\n\n.notebook-item__attachment {\n    background-color: color('gray-light');\n    padding: 16px;\n    margin-bottom: 16px;\n    text-align: center;\n    position: relative;\n}\n\n.notebook-item__attachment__content {\n    max-width: 100%;\n    height: auto;\n}\n\n.notebook-item__attachment__delete {\n    position: absolute;\n    top: 4px;\n    right: -2px;\n    // TODO: generalize for on item buttons like this (delete attachment, etc)\n    width: 34px !important;\n    height: 34px !important;\n    min-height: 0;\n\n    md-icon {\n        margin-left: -2px;\n        font-size: 22px;\n    }\n}\n\n.notebook-item__info {\n    font-style: italic;\n    opacity: .8;\n    color: lighten(color('accent-1'), 5%);\n\n    a, md-icon {\n        color: lighten(color('accent-1'), 5%);\n    }\n\n    md-icon {\n        font-size: 1.5em;\n        min-width: 0;\n        width: auto;\n    }\n}\n\n.notebook-item__upload {\n    text-align: center;\n    padding: 24px;\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    color: color('text-secondary');\n    border-radius: 4px;\n    cursor: pointer;\n    border: 1px dashed transparent;\n    transition: all 250ms;\n\n    md-icon, span {\n        transition: color 250ms;\n    }\n\n    &:hover, &:focus, &.dragover {\n        border-color: color('accent');\n        background-color: lighten(color('accent'), 35%);\n        color: color('accent');\n\n        md-icon, span {\n            color: color('accent');\n        }\n    }\n}\n\n.view-notebook-item {\n    width: $layout-breakpoint-xs;\n}\n\n.view-notebook-item__content {\n}\n\n.notebook-item--report {\n    background-color: #ffffff;\n\n    .note-editor {\n        margin-bottom: 16px;\n        border-color: color('gray');\n    }\n}\n\n.notebook-item--report__container {\n    &.ui-scrollpoint {\n        .notebook-item--report__toolbar {\n            position: fixed;\n            top: ($wise-toolbar-height + $md-toolbar-height);\n            left: 0;\n            right: 0;\n            z-index: 1;\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                left: ($notebook-sidebar-width - 2);\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                padding: 0 24px;\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-sm) {\n                padding: 0 32px;\n            }\n\n            .note-toolbar {\n                margin: 0 16px;\n\n                @media only screen and (min-width: $layout-breakpoint-xs) {\n                    margin: 0 8px;\n                }\n\n                @media only screen and (min-width: $layout-breakpoint-sm) {\n                    margin: 0 16px;\n                }\n            }\n        }\n\n        .note-editor {\n            padding-top: 40px;\n        }\n    }\n}\n\n.notebook-item--report__toolbar {\n\n    .note-toolbar {\n        background-color: color('gray-light');\n        border: 1px solid color('gray');\n        margin-bottom: -2px;\n    }\n}\n\n.notebook-item--report__heading {\n    text-align: center;\n    margin-bottom: 32px;\n}\n\n.notebook-item--report__content {\n}\n\n.notebook-item--report__add-note {\n    font-weight: 700;\n}\n\n.notebook-item--report__note-img {\n    max-width: 100%;\n    height: auto !important;\n}\n\n.notebook-sidebar {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 400px;\n        max-width: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 500px;\n        max-width: none;\n    }\n}\n\n.notebook-items {\n    width: 100%;\n    overflow: auto;\n    margin-top: 16px;\n    margin-bottom: 76px;\n\n    .notebook-item {\n        width: 100%;\n    }\n\n    .notebook-item__content {\n        height: 200px;\n        min-width: 0;\n    }\n}\n\n.notebook-items--grading {\n    margin-bottom: 0;\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n    .notebook-enabled {\n        .md-fab-bottom-right, .md-fab-bottom-left {\n            bottom: ($wise-toolbar-height + 8) !important;\n        }\n    }\n}\n\n.notebook-grading {\n    background-color: #ffffff;\n    display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
diff --git a/src/main/webapp/wise5/themes/default/style/modules/_notebook.scss b/src/main/webapp/wise5/themes/default/style/modules/_notebook.scss
index 5a70fb66fe..05e56097e3 100644
--- a/src/main/webapp/wise5/themes/default/style/modules/_notebook.scss
+++ b/src/main/webapp/wise5/themes/default/style/modules/_notebook.scss
@@ -10,43 +10,6 @@ $notebook-sidebar-width: 56px;
     }
 }
 
-.notebook-report {
-    border-radius: 4px 4px 0 0;
-    margin: 0;
-    height: 100%;
-
-    .note-toolbar {
-        margin: -8px -8px 8px;
-        padding: 4px;
-        border: 0 none;
-        border-top: 1px solid color('gray-light');
-        border-bottom: 1px solid color('gray-light');
-        border-radius: 0;
-
-        .btn-group {
-            margin-top: 0;
-        }
-    }
-
-    .note-btn {
-        border: 0 none;
-        border-top-left-radius: 0;
-        border-top-right-radius: 0;
-        border-bottom-left-radius: 0;
-        border-bottom-right-radius: 0;
-    }
-}
-
-.notebook-report-container {
-    height: 550px;
-    width: 450px;
-    max-height: 90%;
-    bottom: 0;
-    right: 96px;
-    position: absolute;
-    z-index: 3;
-}
-
 .notes-visible {
     @media only screen and (min-width: $layout-breakpoint-sm) {
         .notebook-report-container {
@@ -56,102 +19,6 @@ $notebook-sidebar-width: 56px;
     }
 }
 
-.notebook-report-container__full {
-    top: 16px;
-    bottom: 16px;
-    left: 16px;
-    right: 16px;
-    max-height: none;
-    max-width: none;
-    height: auto;
-    width: auto;
-
-    .notebook-report {
-        height: 100%;
-        width: 100%;
-        margin: 0 auto;
-        max-height: none;
-        border-radius: $card-border-radius;
-    }
-}
-
-.notebook-report-container__collapsed {
-    width: 300px;
-    height: auto;
-
-    .notebook-report__content, .notebook-report__actions, .notebook-report__content__header {
-        display: none;
-    }
-}
-
-.notebook-report__toolbar {
-    background-color: color('gray-darkest') !important;
-    border-radius: $card-border-radius $card-border-radius 0 0;
-}
-
-.notebook-report__toolbar__title {
-    max-width: 150px;
-}
-
-.notebook-report__content {
-    h1, h2, h3, h4 {
-        font-size: rem(2.2);
-    }
-
-    background-color: #ffffff;
-
-    .note-editor.note-frame {
-        border: 0 none;
-        border-radius: 0;
-        padding: 0;
-        box-shadow: none;
-    }
-
-    .note-resizebar {
-        display: none;
-    }
-}
-
-.notebook-report__content__header {
-    padding: 8px;
-    background-color: #ffffff;
-    font-size: rem(1.6);
-}
-
-@media only screen and (max-width: $layout-breakpoint-xs - 1) {
-    .notebook-report-container {
-        &:not(.notebook-report-container__collapsed) {
-            top: 0;
-            bottom: 0;
-            left: 0;
-            right: 0;
-            max-height: none;
-            max-width: none;
-            height: auto;
-            width: auto;
-
-            .notebook-report {
-                border-radius: 0;
-            }
-        }
-    }
-
-    .notebook-tools--full {
-        display: none;
-    }
-}
-
-.notebook-report-backdrop {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 3;
-    background-color: rgba(33,33,33,1.0);
-    opacity: .48;
-}
-
 .notebook-menu {
     transition: opacity 500ms;
 
diff --git a/src/main/webapp/wise5/themes/default/style/monitor.css b/src/main/webapp/wise5/themes/default/style/monitor.css
index 396d8bab25..b7efdfe054 100644
--- a/src/main/webapp/wise5/themes/default/style/monitor.css
+++ b/src/main/webapp/wise5/themes/default/style/monitor.css
@@ -1,2 +1,2 @@
-body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1565c0}blockquote{background-color:#f5f9fe;padding:8px;margin:16px 0;border:solid #1565c0;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1565c0;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1565c0!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#ecf4fd}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#1565c0;background-color:#ecf4fd}.primary{color:#1565c0}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#ecf4fd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1565c0}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#ecf4fd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1565c0}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#ecf4fd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav,.l-notebook{background-color:#eee!important}.l-notebook{margin-top:42px}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;transition:opacity .25s ease-in-out}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1565c0}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1565c0}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}.milestone{min-width:196px;width:196px;height:242px;background-color:#fff;padding:0}.milestone.md-button{text-transform:none}.milestone__progress{background-color:#eee;border-radius:50%;position:relative;margin-bottom:12px}.milestone__progress__percent{position:absolute;top:8px;bottom:8px;left:8px;right:8px;border-radius:50%;background-color:#fff;color:#1565c0;font-size:28px;font-weight:500}.milestone__title{font-weight:700;font-size:15px;margin-bottom:12px}.milestone-details section:not(:first-child){margin-top:8px}.milestone-details__section{background-color:#fff;padding:16px}.milestone-details__section>p{margin-top:16px;margin-bottom:0}.milestone-details__section .grading,.milestone-details__section md-list{padding:0}.milestone-details__header{padding:12px 16px;margin:-16px -16px 16px;text-transform:uppercase;font-weight:500}.milestone-details__progress{width:48px;margin-right:8px}.milestone--add.md-button{text-transform:uppercase}.milestone--add__icon{height:96px;width:96px;background-color:#eee;border-radius:50%}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#ecf4fd}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.student-select{padding-top:0;padding-bottom:0}.workgroup-progress{margin-bottom:8px}@media (min-width:960px){.workgroup-progress{margin-bottom:0}}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1565c0}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #1565c0;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}.grading__item-container{margin:0 0 16px;padding:0!important}.grading__item{background-color:#fff}.grading__item .component{padding:0}@media only screen and (min-width:600px){.notebook-launcher.md-button.md-fab{z-index:61}}.notebook-report{border-radius:4px 4px 0 0;margin:0;height:100%}.notebook-report .note-toolbar{margin:-8px -8px 8px;padding:4px;border-bottom:0;border-top:0;border-color:#ddd currentcolor;border-style:solid none;border-width:1px 0;border-radius:0}.notebook-report .note-toolbar .btn-group{margin-top:0}.notebook-report .note-btn{border:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.notebook-report-container{height:550px;width:450px;max-height:90%;bottom:0;right:96px;position:absolute;z-index:3}@media only screen and (min-width:960px){.notes-visible .notebook-report-container{right:516px;transition:right .25s}}.notebook-report-container__full{top:16px;bottom:16px;left:16px;right:16px;max-height:none;max-width:none;height:auto;width:auto}.notebook-report-container__full .notebook-report{height:100%;width:100%;margin:0 auto;max-height:none;border-radius:4px}.notebook-report-container__collapsed{width:300px;height:auto}.notebook-report-container__collapsed .notebook-report__actions,.notebook-report-container__collapsed .notebook-report__content,.notebook-report-container__collapsed .notebook-report__content__header{display:none}.notebook-report__toolbar{background-color:#333!important;border-radius:4px 4px 0 0}.notebook-report__toolbar__title{max-width:150px}.notebook-report__content{background-color:#fff}.notebook-report__content h1,.notebook-report__content h2,.notebook-report__content h3,.notebook-report__content h4{font-size:22px}.notebook-report__content .note-editor.note-frame{border:0;border-radius:0;padding:0;box-shadow:none}.notebook-report__content .note-resizebar{display:none}.notebook-report__content__header{padding:8px;background-color:#fff;font-size:16px}@media only screen and (max-width:599px){.notebook-report-container:not(.notebook-report-container__collapsed){top:0;bottom:0;left:0;right:0;max-height:none;max-width:none;height:auto;width:auto}.notebook-report-container:not(.notebook-report-container__collapsed) .notebook-report{border-radius:0}.notebook-tools--full{display:none}}.notebook-report-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;background-color:#212121;opacity:.48}.notebook-menu{transition:opacity .5s}.notebook-menu.ng-enter{opacity:0}.notebook-menu .ng-enter-active{opacity:1;transition-delay:.25s}.notebook-menu.ng-hide,.notebook-menu.ng-hide-add,.notebook-menu.ng-hide-add-active,.notebook-menu.ng-hide-remove,.notebook-menu.ng-hide-remove-active,.notebook-menu.ng-leave-active{opacity:0}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.view-notebook-item{width:600px}.notebook-item--report{background-color:#fff}.notebook-item--report .note-editor{margin-bottom:16px;border-color:#ccc}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{position:fixed;top:94px;left:0;right:0;z-index:1}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{left:54px;padding:0 24px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{padding:0 32px}}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 8px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}}.notebook-item--report__container.ui-scrollpoint .note-editor{padding-top:40px}.notebook-item--report__toolbar .note-toolbar{background-color:#ddd;border:1px solid #ccc;margin-bottom:-2px}.notebook-item--report__heading{text-align:center;margin-bottom:32px}.notebook-item--report__add-note{font-weight:700}.notebook-item--report__note-img{max-width:100%;height:auto!important}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}.notebook-items{width:100%;overflow:auto;margin-top:16px;margin-bottom:76px}.notebook-items .notebook-item{width:100%}.notebook-items .notebook-item__content{height:200px;min-width:0}.notebook-items--grading{margin-bottom:0}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.annotations--grading md-input-container{margin-bottom:0}.annotations--grading .md-errors-spacer{display:none}.annotations--grading input:focus,.annotations--grading textarea:focus{background-color:#fff}.annotations--grading input:disabled,.annotations--grading textarea:disabled{color:rgba(0,0,0,.87)}.annotations--grading--revision{margin:8px 0 0;padding:8px}.annotations--notebook{margin-top:16px}.annotations--grading__info{font-style:italic;margin:8px 8px 4px}.annotations--grading__item{padding:8px}.annotations--grading__score input{margin-top:0!important;font-size:18px;width:52px;text-align:center}.annotations--grading__score__label{transform:none!important;width:auto;display:block;padding:0;margin:0 8px 0 0}.annotations--grading__score__max label{display:none}.annotations--grading__score__divider{position:relative;top:12px;margin-left:4px}.annotations--grading__auto-comment{margin:0 2px}.annotations--grading__auto-comment__content{margin-top:8px}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.component--grading{padding:0;margin:0}.component--grading:not(:last-child)>div{border-bottom:1px solid #ddd}.component--grading .component__wrapper{padding:0;margin:0}.component--grading .component__content{padding:16px;margin:0}.component--grading__response{padding-bottom:16px}@media only screen and (min-width:960px){.component--grading__response{padding-right:16px;padding-bottom:0}}.component--grading__response__content{overflow:auto}.component--grading__annotations{background-color:#ecf4fd}.component--grading__annotations__divider{padding:4px;background-color:#fff}.component--grading__actions__info{margin:16px 0 0;padding-top:8px;border-top:1px solid #eee}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#1565c0}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#1565c0}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.component-revisions .component{padding:0;margin:0}.component-revisions .component__content{padding:0}.component-revisions .component__wrapper{margin:16px 0}.component-revisions .md-resize-handle{display:none}.component-revisions__item,md-list-item.component-revisions__item{padding:0}.component-revisions__item--latest{margin-bottom:24px}.component-revisions__annotation-label{margin-right:8px}.component-revisions__has-auto-and-teacher{padding-top:8px;margin-top:8px;border-top:1px solid #ddd}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
+body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1565c0}blockquote{background-color:#f5f9fe;padding:8px;margin:16px 0;border:solid #1565c0;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1565c0;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1565c0!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#ecf4fd}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#1565c0;background-color:#ecf4fd}.primary{color:#1565c0}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#ecf4fd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1565c0}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#ecf4fd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1565c0}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#ecf4fd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav,.l-notebook{background-color:#eee!important}.l-notebook{margin-top:42px}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;transition:opacity .25s ease-in-out}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1565c0}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1565c0}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}.milestone{min-width:196px;width:196px;height:242px;background-color:#fff;padding:0}.milestone.md-button{text-transform:none}.milestone__progress{background-color:#eee;border-radius:50%;position:relative;margin-bottom:12px}.milestone__progress__percent{position:absolute;top:8px;bottom:8px;left:8px;right:8px;border-radius:50%;background-color:#fff;color:#1565c0;font-size:28px;font-weight:500}.milestone__title{font-weight:700;font-size:15px;margin-bottom:12px}.milestone-details section:not(:first-child){margin-top:8px}.milestone-details__section{background-color:#fff;padding:16px}.milestone-details__section>p{margin-top:16px;margin-bottom:0}.milestone-details__section .grading,.milestone-details__section md-list{padding:0}.milestone-details__header{padding:12px 16px;margin:-16px -16px 16px;text-transform:uppercase;font-weight:500}.milestone-details__progress{width:48px;margin-right:8px}.milestone--add.md-button{text-transform:uppercase}.milestone--add__icon{height:96px;width:96px;background-color:#eee;border-radius:50%}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#ecf4fd}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.student-select{padding-top:0;padding-bottom:0}.workgroup-progress{margin-bottom:8px}@media (min-width:960px){.workgroup-progress{margin-bottom:0}}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1565c0}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #1565c0;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}.grading__item-container{margin:0 0 16px;padding:0!important}.grading__item{background-color:#fff}.grading__item .component{padding:0}@media only screen and (min-width:600px){.notebook-launcher.md-button.md-fab{z-index:61}}@media only screen and (min-width:960px){.notes-visible .notebook-report-container{right:516px;transition:right .25s}}.notebook-menu{transition:opacity .5s}.notebook-menu.ng-enter{opacity:0}.notebook-menu .ng-enter-active{opacity:1;transition-delay:.25s}.notebook-menu.ng-hide,.notebook-menu.ng-hide-add,.notebook-menu.ng-hide-add-active,.notebook-menu.ng-hide-remove,.notebook-menu.ng-hide-remove-active,.notebook-menu.ng-leave-active{opacity:0}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.view-notebook-item{width:600px}.notebook-item--report{background-color:#fff}.notebook-item--report .note-editor{margin-bottom:16px;border-color:#ccc}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{position:fixed;top:94px;left:0;right:0;z-index:1}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{left:54px;padding:0 24px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{padding:0 32px}}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 8px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}}.notebook-item--report__container.ui-scrollpoint .note-editor{padding-top:40px}.notebook-item--report__toolbar .note-toolbar{background-color:#ddd;border:1px solid #ccc;margin-bottom:-2px}.notebook-item--report__heading{text-align:center;margin-bottom:32px}.notebook-item--report__add-note{font-weight:700}.notebook-item--report__note-img{max-width:100%;height:auto!important}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}.notebook-items{width:100%;overflow:auto;margin-top:16px;margin-bottom:76px}.notebook-items .notebook-item{width:100%}.notebook-items .notebook-item__content{height:200px;min-width:0}.notebook-items--grading{margin-bottom:0}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.annotations--grading md-input-container{margin-bottom:0}.annotations--grading .md-errors-spacer{display:none}.annotations--grading input:focus,.annotations--grading textarea:focus{background-color:#fff}.annotations--grading input:disabled,.annotations--grading textarea:disabled{color:rgba(0,0,0,.87)}.annotations--grading--revision{margin:8px 0 0;padding:8px}.annotations--notebook{margin-top:16px}.annotations--grading__info{font-style:italic;margin:8px 8px 4px}.annotations--grading__item{padding:8px}.annotations--grading__score input{margin-top:0!important;font-size:18px;width:52px;text-align:center}.annotations--grading__score__label{transform:none!important;width:auto;display:block;padding:0;margin:0 8px 0 0}.annotations--grading__score__max label{display:none}.annotations--grading__score__divider{position:relative;top:12px;margin-left:4px}.annotations--grading__auto-comment{margin:0 2px}.annotations--grading__auto-comment__content{margin-top:8px}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.component--grading{padding:0;margin:0}.component--grading:not(:last-child)>div{border-bottom:1px solid #ddd}.component--grading .component__wrapper{padding:0;margin:0}.component--grading .component__content{padding:16px;margin:0}.component--grading__response{padding-bottom:16px}@media only screen and (min-width:960px){.component--grading__response{padding-right:16px;padding-bottom:0}}.component--grading__response__content{overflow:auto}.component--grading__annotations{background-color:#ecf4fd}.component--grading__annotations__divider{padding:4px;background-color:#fff}.component--grading__actions__info{margin:16px 0 0;padding-top:8px;border-top:1px solid #eee}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#1565c0}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#1565c0}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.component-revisions .component{padding:0;margin:0}.component-revisions .component__content{padding:0}.component-revisions .component__wrapper{margin:16px 0}.component-revisions .md-resize-handle{display:none}.component-revisions__item,md-list-item.component-revisions__item{padding:0}.component-revisions__item--latest{margin-bottom:24px}.component-revisions__annotation-label{margin-right:8px}.component-revisions__has-auto-and-teacher{padding-top:8px;margin-top:8px;border-top:1px solid #ddd}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
 /*# sourceMappingURL=monitor.css.map */
diff --git a/src/main/webapp/wise5/themes/default/style/monitor.css.map b/src/main/webapp/wise5/themes/default/style/monitor.css.map
index 95a71a31f6..32aebf7175 100644
--- a/src/main/webapp/wise5/themes/default/style/monitor.css.map
+++ b/src/main/webapp/wise5/themes/default/style/monitor.css.map
@@ -1 +1 @@
-{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config--monitor.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/monitor.css","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dragula.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_milestones.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_nav--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_grading.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_component--revisions.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,wBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBEQoB,CFPpB,eAAgB,CAChB,cGlC8B,CHmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBExDsB,CF4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,wBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,wBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,aCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,wBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"monitor.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Classroom Monitor Colors\n$_primary-color: #1565c0; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 54%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: map-merge($color, $body-color);\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #1565c0; }\n\nblockquote {\n  background-color: #f5f9fe;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1565c0;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #1565c0;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1565c0 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: #ecf4fd; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1565c0;\n  background-color: #ecf4fd; }\n\n.primary {\n  color: #1565c0; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: #ecf4fd; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #1565c0; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: #ecf4fd; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #1565c0; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: #ecf4fd; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out; }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1565c0; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #1565c0; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n.milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0; }\n  .milestone.md-button {\n    text-transform: none; }\n\n.milestone__progress {\n  background-color: #eeeeee;\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px; }\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: #1565c0;\n  font-size: 28px;\n  font-weight: 500; }\n\n.milestone__title {\n  font-weight: 700;\n  font-size: 15px;\n  margin-bottom: 12px; }\n\n.milestone-details section:not(:first-child) {\n  margin-top: 8px; }\n\n.milestone-details__section {\n  background-color: #ffffff;\n  padding: 16px; }\n  .milestone-details__section > p {\n    margin-top: 16px;\n    margin-bottom: 0; }\n  .milestone-details__section md-list {\n    padding: 0; }\n  .milestone-details__section .grading {\n    padding: 0; }\n\n.milestone-details__header {\n  padding: 12px 16px;\n  margin: -16px -16px 16px;\n  text-transform: uppercase;\n  font-weight: 500; }\n\n.milestone-details__progress {\n  width: 48px;\n  margin-right: 8px; }\n\n.milestone--add.md-button {\n  text-transform: uppercase; }\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: #eeeeee;\n  border-radius: 50%; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: #ecf4fd;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.student-select {\n  padding-top: 0;\n  padding-bottom: 0; }\n\n.workgroup-progress {\n  margin-bottom: 8px; }\n  @media (min-width: 960px) {\n    .workgroup-progress {\n      margin-bottom: 0; } }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1565c0; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #1565c0;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important; }\n\n.grading__item {\n  background-color: #ffffff; }\n  .grading__item .component {\n    padding: 0; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-launcher.md-button.md-fab {\n    z-index: 61; } }\n\n.notebook-report {\n  border-radius: 4px 4px 0 0;\n  margin: 0;\n  height: 100%; }\n  .notebook-report .note-toolbar {\n    margin: -8px -8px 8px;\n    padding: 4px;\n    border: 0 none;\n    border-top: 1px solid #dddddd;\n    border-bottom: 1px solid #dddddd;\n    border-radius: 0; }\n    .notebook-report .note-toolbar .btn-group {\n      margin-top: 0; }\n  .notebook-report .note-btn {\n    border: 0 none;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0; }\n\n.notebook-report-container {\n  height: 550px;\n  width: 450px;\n  max-height: 90%;\n  bottom: 0;\n  right: 96px;\n  position: absolute;\n  z-index: 3; }\n\n@media only screen and (min-width: 960px) {\n  .notes-visible .notebook-report-container {\n    right: 516px;\n    transition: right 250ms; } }\n\n.notebook-report-container__full {\n  top: 16px;\n  bottom: 16px;\n  left: 16px;\n  right: 16px;\n  max-height: none;\n  max-width: none;\n  height: auto;\n  width: auto; }\n  .notebook-report-container__full .notebook-report {\n    height: 100%;\n    width: 100%;\n    margin: 0 auto;\n    max-height: none;\n    border-radius: 4px; }\n\n.notebook-report-container__collapsed {\n  width: 300px;\n  height: auto; }\n  .notebook-report-container__collapsed .notebook-report__content, .notebook-report-container__collapsed .notebook-report__actions, .notebook-report-container__collapsed .notebook-report__content__header {\n    display: none; }\n\n.notebook-report__toolbar {\n  background-color: #333333 !important;\n  border-radius: 4px 4px 0 0; }\n\n.notebook-report__toolbar__title {\n  max-width: 150px; }\n\n.notebook-report__content {\n  background-color: #ffffff; }\n  .notebook-report__content h1, .notebook-report__content h2, .notebook-report__content h3, .notebook-report__content h4 {\n    font-size: 22px; }\n  .notebook-report__content .note-editor.note-frame {\n    border: 0 none;\n    border-radius: 0;\n    padding: 0;\n    box-shadow: none; }\n  .notebook-report__content .note-resizebar {\n    display: none; }\n\n.notebook-report__content__header {\n  padding: 8px;\n  background-color: #ffffff;\n  font-size: 16px; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-report-container:not(.notebook-report-container__collapsed) {\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    max-height: none;\n    max-width: none;\n    height: auto;\n    width: auto; }\n    .notebook-report-container:not(.notebook-report-container__collapsed) .notebook-report {\n      border-radius: 0; }\n  .notebook-tools--full {\n    display: none; } }\n\n.notebook-report-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 3;\n  background-color: #212121;\n  opacity: .48; }\n\n.notebook-menu {\n  transition: opacity 500ms; }\n  .notebook-menu.ng-enter {\n    opacity: 0; }\n  .notebook-menu .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .notebook-menu.ng-leave-active, .notebook-menu.ng-hide {\n    opacity: 0; }\n  .notebook-menu.ng-hide-add, .notebook-menu.ng-hide-add-active, .notebook-menu.ng-hide-remove, .notebook-menu.ng-hide-remove-active {\n    opacity: 0; }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.view-notebook-item {\n  width: 600px; }\n\n.notebook-item--report {\n  background-color: #ffffff; }\n  .notebook-item--report .note-editor {\n    margin-bottom: 16px;\n    border-color: #cccccc; }\n\n.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n  position: fixed;\n  top: 94px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      left: 54px; } }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 24px; } }\n  @media only screen and (min-width: 960px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 32px; } }\n  .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n    margin: 0 16px; }\n    @media only screen and (min-width: 600px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 8px; } }\n    @media only screen and (min-width: 960px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 16px; } }\n\n.notebook-item--report__container.ui-scrollpoint .note-editor {\n  padding-top: 40px; }\n\n.notebook-item--report__toolbar .note-toolbar {\n  background-color: #dddddd;\n  border: 1px solid #cccccc;\n  margin-bottom: -2px; }\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px; }\n\n.notebook-item--report__add-note {\n  font-weight: 700; }\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n.notebook-items {\n  width: 100%;\n  overflow: auto;\n  margin-top: 16px;\n  margin-bottom: 76px; }\n  .notebook-items .notebook-item {\n    width: 100%; }\n  .notebook-items .notebook-item__content {\n    height: 200px;\n    min-width: 0; }\n\n.notebook-items--grading {\n  margin-bottom: 0; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.annotations--grading md-input-container {\n  margin-bottom: 0; }\n\n.annotations--grading .md-errors-spacer {\n  display: none; }\n\n.annotations--grading input:focus, .annotations--grading textarea:focus {\n  background-color: #ffffff; }\n\n.annotations--grading input:disabled, .annotations--grading textarea:disabled {\n  color: rgba(0, 0, 0, 0.87); }\n\n.annotations--grading--revision {\n  margin: 8px 0 0;\n  padding: 8px; }\n\n.annotations--notebook {\n  margin-top: 16px; }\n\n.annotations--grading__info {\n  font-style: italic;\n  margin: 8px 8px 4px; }\n\n.annotations--grading__item {\n  padding: 8px; }\n\n.annotations--grading__score input {\n  margin-top: 0 !important;\n  font-size: 18px;\n  width: 52px;\n  text-align: center; }\n\n.annotations--grading__score__label {\n  transform: none !important;\n  width: auto;\n  display: block;\n  padding: 0;\n  margin: 0 8px 0 0; }\n\n.annotations--grading__score__max label {\n  display: none; }\n\n.annotations--grading__score__divider {\n  position: relative;\n  top: 12px;\n  margin-left: 4px; }\n\n.annotations--grading__auto-comment {\n  margin: 0 2px; }\n\n.annotations--grading__auto-comment__content {\n  margin-top: 8px; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.component--grading {\n  padding: 0;\n  margin: 0; }\n  .component--grading:not(:last-child) > div {\n    border-bottom: 1px solid #dddddd; }\n  .component--grading .component__wrapper {\n    padding: 0;\n    margin: 0; }\n  .component--grading .component__content {\n    padding: 16px;\n    margin: 0; }\n\n.component--grading__response {\n  padding-bottom: 16px; }\n  @media only screen and (min-width: 960px) {\n    .component--grading__response {\n      padding-right: 16px;\n      padding-bottom: 0; } }\n\n.component--grading__response__content {\n  overflow: auto; }\n\n.component--grading__annotations {\n  background-color: #ecf4fd; }\n\n.component--grading__annotations__divider {\n  padding: 4px;\n  background-color: #ffffff; }\n\n.component--grading__actions__info {\n  margin: 16px 0 0;\n  padding-top: 8px;\n  border-top: 1px solid #eeeeee; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #1565c0; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #1565c0; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.component-revisions .component {\n  padding: 0;\n  margin: 0; }\n\n.component-revisions .component__content {\n  padding: 0; }\n\n.component-revisions .component__wrapper {\n  margin: 16px 0; }\n\n.component-revisions .md-resize-handle {\n  display: none; }\n\n.component-revisions__item, md-list-item.component-revisions__item {\n  padding: 0; }\n\n.component-revisions__item--latest {\n  margin-bottom: 24px; }\n\n.component-revisions__annotation-label {\n  margin-right: 8px; }\n\n.component-revisions__has-auto-and-teacher {\n  padding-top: 8px;\n  margin-top: 8px;\n  border-top: 1px solid #dddddd; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n",".gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out;\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}",".milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0;\n\n  &.md-button {\n    text-transform: none;\n  }\n}\n\n.milestone__progress {\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px;\n}\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: color('primary');\n  font-size: rem(2.8);\n  font-weight: 500;\n}\n\n.milestone__title {\n  font-weight: 700;\n  font-size: $body-font-size-base;\n  margin-bottom: 12px;\n}\n\n.milestone-details {\n  section {\n    &:not(:first-child) {\n      margin-top: 8px;\n    }\n  }\n}\n\n.milestone-details__section {\n  background-color: #ffffff;\n  padding: 16px;\n\n  > p {\n    margin-top: 16px;\n    margin-bottom: 0;\n  }\n\n  md-list {\n    padding: 0;\n  }\n\n  .grading {\n    padding: 0;\n  }\n}\n\n.milestone-details__header {\n  padding: 12px 16px;\n  margin: -16px -16px 16px;\n  text-transform: uppercase;\n  font-weight: 500;\n}\n\n.milestone-details__progress {\n  width: 48px;\n  margin-right: 8px;\n}\n\n.milestone--add {\n  &.md-button {\n    text-transform: uppercase;\n  }\n}\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".student-select {\n    padding-top: 0;\n    padding-bottom: 0;\n}\n\n.workgroup-progress {\n    margin-bottom: 8px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        margin-bottom: 0;\n    }\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n",".grading {\n}\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important;\n}\n\n.grading__item {\n  background-color: #ffffff;\n\n  .component {\n    padding: 0;\n  }\n}\n","// Variables\n$notebook-sidebar-width: 56px;\n\n// Base\n.notebook-launcher {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        &.md-button.md-fab {\n            z-index: 61;\n        }\n    }\n}\n\n.notebook-report {\n    border-radius: 4px 4px 0 0;\n    margin: 0;\n    height: 100%;\n\n    .note-toolbar {\n        margin: -8px -8px 8px;\n        padding: 4px;\n        border: 0 none;\n        border-top: 1px solid color('gray-light');\n        border-bottom: 1px solid color('gray-light');\n        border-radius: 0;\n\n        .btn-group {\n            margin-top: 0;\n        }\n    }\n\n    .note-btn {\n        border: 0 none;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n}\n\n.notebook-report-container {\n    height: 550px;\n    width: 450px;\n    max-height: 90%;\n    bottom: 0;\n    right: 96px;\n    position: absolute;\n    z-index: 3;\n}\n\n.notes-visible {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        .notebook-report-container {\n            right: 516px;\n            transition: right 250ms;\n        }\n    }\n}\n\n.notebook-report-container__full {\n    top: 16px;\n    bottom: 16px;\n    left: 16px;\n    right: 16px;\n    max-height: none;\n    max-width: none;\n    height: auto;\n    width: auto;\n\n    .notebook-report {\n        height: 100%;\n        width: 100%;\n        margin: 0 auto;\n        max-height: none;\n        border-radius: $card-border-radius;\n    }\n}\n\n.notebook-report-container__collapsed {\n    width: 300px;\n    height: auto;\n\n    .notebook-report__content, .notebook-report__actions, .notebook-report__content__header {\n        display: none;\n    }\n}\n\n.notebook-report__toolbar {\n    background-color: color('gray-darkest') !important;\n    border-radius: $card-border-radius $card-border-radius 0 0;\n}\n\n.notebook-report__toolbar__title {\n    max-width: 150px;\n}\n\n.notebook-report__content {\n    h1, h2, h3, h4 {\n        font-size: rem(2.2);\n    }\n\n    background-color: #ffffff;\n\n    .note-editor.note-frame {\n        border: 0 none;\n        border-radius: 0;\n        padding: 0;\n        box-shadow: none;\n    }\n\n    .note-resizebar {\n        display: none;\n    }\n}\n\n.notebook-report__content__header {\n    padding: 8px;\n    background-color: #ffffff;\n    font-size: rem(1.6);\n}\n\n@media only screen and (max-width: $layout-breakpoint-xs - 1) {\n    .notebook-report-container {\n        &:not(.notebook-report-container__collapsed) {\n            top: 0;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            max-height: none;\n            max-width: none;\n            height: auto;\n            width: auto;\n\n            .notebook-report {\n                border-radius: 0;\n            }\n        }\n    }\n\n    .notebook-tools--full {\n        display: none;\n    }\n}\n\n.notebook-report-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 3;\n    background-color: rgba(33,33,33,1.0);\n    opacity: .48;\n}\n\n.notebook-menu {\n    transition: opacity 500ms;\n\n    &.ng-enter {\n        opacity: 0;\n    }\n\n    .ng-enter-active {\n        opacity: 1;\n        transition-delay: 250ms;\n    }\n\n    &.ng-leave-active, &.ng-hide {\n        opacity: 0;\n    }\n\n    &.ng-hide-add, &.ng-hide-add-active,\n    &.ng-hide-remove, &.ng-hide-remove-active {\n        opacity: 0;\n    }\n}\n\n.notebook-item {\n    transition: box-shadow 250ms;\n    margin: 0 16px 16px;\n    display: block;\n}\n\n.notebook-item__content {\n    height: 250px;\n    min-width: 230px;\n    position: relative;\n    padding: 0;\n    background-color: color('gray');\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n    position: absolute;\n    left: 0;\n    right: 0;\n}\n\n.notebook-item__content__attachment {\n    background-repeat: no-repeat !important;\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    background-position: center top !important;\n    background-size: cover !important;\n    top: 0;\n    bottom: 0;\n}\n\n.notebook-item__content__text {\n    bottom: 0;\n    padding: 8px;\n    font-weight: 500;\n    overflow: hidden;\n    max-height: 120px;\n    min-height: 56px;\n    background-color: rgba(255,255,255,0.95);\n    border-top: 1px solid color('gray-lighter');\n\n    &:after {\n        content: \"\";\n        text-align: right;\n        position: absolute;\n        bottom: 0;\n        right: 0;\n        width: 100%;\n        height: 0.8em;\n        background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n    }\n}\n\n.notebook-item__content--text-only {\n    &:after {\n        content: \"note\";\n        font-family: 'Material Icons';\n        font-weight: normal;\n        font-style: normal;\n        display: inline-block;\n        line-height: 1;\n        text-transform: none;\n        letter-spacing: normal;\n        word-wrap: normal;\n        white-space: nowrap;\n        direction: ltr;\n\n        /* Support for all WebKit browsers. */\n        -webkit-font-smoothing: antialiased;\n        /* Support for Safari and Chrome. */\n        text-rendering: optimizeLegibility;\n\n        /* Support for Firefox. */\n        -moz-osx-font-smoothing: grayscale;\n\n        /* Support for IE. */\n        font-feature-settings: 'liga';\n        //position: absolute;\n        font-size: 80px;\n        color: color('text-disabled');\n    }\n}\n\n.notebook-item--question__content--text-only {\n    content: \"live_help\";\n}\n\n.notebook-item__content__location {\n    opacity: 0.9;\n    padding: 8px 0;\n\n    md-icon {\n        font-size: 22px;\n    }\n}\n\n.notebook-item__edit {\n    cursor: pointer;\n}\n\n.notebook-item__actions {\n    margin: 0;\n    padding: 0 8px;\n    color: #ffffff;\n    background-color: color('gray-darkest');\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n\n.notebook-item__text-input {\n    margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n    padding-left: 0;\n    padding-right: 0;\n}\n\n.notebook-item__attachment {\n    background-color: color('gray-light');\n    padding: 16px;\n    margin-bottom: 16px;\n    text-align: center;\n    position: relative;\n}\n\n.notebook-item__attachment__content {\n    max-width: 100%;\n    height: auto;\n}\n\n.notebook-item__attachment__delete {\n    position: absolute;\n    top: 4px;\n    right: -2px;\n    // TODO: generalize for on item buttons like this (delete attachment, etc)\n    width: 34px !important;\n    height: 34px !important;\n    min-height: 0;\n\n    md-icon {\n        margin-left: -2px;\n        font-size: 22px;\n    }\n}\n\n.notebook-item__info {\n    font-style: italic;\n    opacity: .8;\n    color: lighten(color('accent-1'), 5%);\n\n    a, md-icon {\n        color: lighten(color('accent-1'), 5%);\n    }\n\n    md-icon {\n        font-size: 1.5em;\n        min-width: 0;\n        width: auto;\n    }\n}\n\n.notebook-item__upload {\n    text-align: center;\n    padding: 24px;\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    color: color('text-secondary');\n    border-radius: 4px;\n    cursor: pointer;\n    border: 1px dashed transparent;\n    transition: all 250ms;\n\n    md-icon, span {\n        transition: color 250ms;\n    }\n\n    &:hover, &:focus, &.dragover {\n        border-color: color('accent');\n        background-color: lighten(color('accent'), 35%);\n        color: color('accent');\n\n        md-icon, span {\n            color: color('accent');\n        }\n    }\n}\n\n.view-notebook-item {\n    width: $layout-breakpoint-xs;\n}\n\n.view-notebook-item__content {\n}\n\n.notebook-item--report {\n    background-color: #ffffff;\n\n    .note-editor {\n        margin-bottom: 16px;\n        border-color: color('gray');\n    }\n}\n\n.notebook-item--report__container {\n    &.ui-scrollpoint {\n        .notebook-item--report__toolbar {\n            position: fixed;\n            top: ($wise-toolbar-height + $md-toolbar-height);\n            left: 0;\n            right: 0;\n            z-index: 1;\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                left: ($notebook-sidebar-width - 2);\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                padding: 0 24px;\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-sm) {\n                padding: 0 32px;\n            }\n\n            .note-toolbar {\n                margin: 0 16px;\n\n                @media only screen and (min-width: $layout-breakpoint-xs) {\n                    margin: 0 8px;\n                }\n\n                @media only screen and (min-width: $layout-breakpoint-sm) {\n                    margin: 0 16px;\n                }\n            }\n        }\n\n        .note-editor {\n            padding-top: 40px;\n        }\n    }\n}\n\n.notebook-item--report__toolbar {\n\n    .note-toolbar {\n        background-color: color('gray-light');\n        border: 1px solid color('gray');\n        margin-bottom: -2px;\n    }\n}\n\n.notebook-item--report__heading {\n    text-align: center;\n    margin-bottom: 32px;\n}\n\n.notebook-item--report__content {\n}\n\n.notebook-item--report__add-note {\n    font-weight: 700;\n}\n\n.notebook-item--report__note-img {\n    max-width: 100%;\n    height: auto !important;\n}\n\n.notebook-sidebar {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 400px;\n        max-width: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 500px;\n        max-width: none;\n    }\n}\n\n.notebook-items {\n    width: 100%;\n    overflow: auto;\n    margin-top: 16px;\n    margin-bottom: 76px;\n\n    .notebook-item {\n        width: 100%;\n    }\n\n    .notebook-item__content {\n        height: 200px;\n        min-width: 0;\n    }\n}\n\n.notebook-items--grading {\n    margin-bottom: 0;\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n    .notebook-enabled {\n        .md-fab-bottom-right, .md-fab-bottom-left {\n            bottom: ($wise-toolbar-height + 8) !important;\n        }\n    }\n}\n\n.notebook-grading {\n    background-color: #ffffff;\n    display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".annotations--grading {\n    md-input-container {\n        margin-bottom: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n\n    input, textarea {\n        //border-width: 0;\n        //background-color: color('text-light-secondary');\n\n        &:focus {\n            background-color: #ffffff;\n        }\n\n        &:disabled {\n            color: color('text');\n        }\n    }\n}\n\n.annotations--grading--revision {\n    margin: 8px 0 0;\n    padding: 8px;\n}\n\n.annotations--notebook {\n    margin-top: 16px;;\n}\n\n.annotations--grading__info {\n    font-style: italic;\n    margin: 8px 8px 4px;\n}\n\n.annotations--grading__item {\n    padding: 8px;\n}\n\n.annotations--grading__score {\n    input {\n        margin-top: 0 !important;\n        font-size: rem(1.8);\n        width: 52px;\n        text-align: center;\n    }\n}\n\n.annotations--grading__score__label {\n    transform: none !important;\n    width: auto;\n    display: block;\n    padding: 0;\n    margin: 0 8px 0 0;\n}\n\n.annotations--grading__score__max {\n    label {\n        display: none;\n    }\n}\n\n.annotations--grading__score__divider {\n    position: relative;\n    top: 12px;\n    margin-left: 4px;\n}\n\n.annotations--grading__auto-comment {\n    margin: 0 2px;\n}\n\n.annotations--grading__auto-comment__content {\n    margin-top: 8px;\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".component--grading {\n    padding: 0;\n    margin: 0;\n\n    &:not(:last-child) {\n        > div {\n            border-bottom: 1px solid color('gray-light');\n        }\n    }\n\n    .component__wrapper {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 16px;\n        margin: 0;\n    }\n}\n\n.component--grading__response {\n    padding-bottom: 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding-right: 16px;\n        padding-bottom: 0;\n    }\n}\n\n.component--grading__response__content {\n    overflow: auto;\n}\n\n.component--grading__annotations {\n    background-color: color('selected-bg');\n}\n\n.component--grading__annotations__divider {\n    padding: 4px;\n    background-color: #ffffff;\n}\n\n.component--grading__actions__info {\n    margin: 16px 0 0;\n    padding-top: 8px;\n    border-top: 1px solid color('gray-lighter');\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".component-revisions {\n    .component {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 0;\n    }\n\n    .component__wrapper {\n        margin: 16px 0;\n    }\n\n    .md-resize-handle {\n        display: none;\n    }\n}\n\n.component-revisions__item, md-list-item.component-revisions__item {\n    padding: 0;\n}\n\n.component-revisions__item--latest {\n    margin-bottom: 24px;\n}\n\n.component-revisions__item__text {\n\n}\n\n.component-revisions__annotation-label {\n    margin-right: 8px;\n}\n\n.component-revisions__has-auto-and-teacher {\n    padding-top: 8px;\n    margin-top: 8px;\n    border-top: 1px solid color('gray-light');\n}\n",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config--monitor.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/monitor.css","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dragula.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_milestones.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_nav--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_grading.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_component--revisions.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,wBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBEQoB,CFPpB,eAAgB,CAChB,cGlC8B,CHmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBExDsB,CF4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,wBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,wBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,aCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,wBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"monitor.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Classroom Monitor Colors\n$_primary-color: #1565c0; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 54%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: map-merge($color, $body-color);\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #1565c0; }\n\nblockquote {\n  background-color: #f5f9fe;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1565c0;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #1565c0;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1565c0 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: #ecf4fd; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1565c0;\n  background-color: #ecf4fd; }\n\n.primary {\n  color: #1565c0; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: #ecf4fd; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #1565c0; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: #ecf4fd; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #1565c0; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: #ecf4fd; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out; }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1565c0; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #1565c0; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n.milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0; }\n  .milestone.md-button {\n    text-transform: none; }\n\n.milestone__progress {\n  background-color: #eeeeee;\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px; }\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: #1565c0;\n  font-size: 28px;\n  font-weight: 500; }\n\n.milestone__title {\n  font-weight: 700;\n  font-size: 15px;\n  margin-bottom: 12px; }\n\n.milestone-details section:not(:first-child) {\n  margin-top: 8px; }\n\n.milestone-details__section {\n  background-color: #ffffff;\n  padding: 16px; }\n  .milestone-details__section > p {\n    margin-top: 16px;\n    margin-bottom: 0; }\n  .milestone-details__section md-list {\n    padding: 0; }\n  .milestone-details__section .grading {\n    padding: 0; }\n\n.milestone-details__header {\n  padding: 12px 16px;\n  margin: -16px -16px 16px;\n  text-transform: uppercase;\n  font-weight: 500; }\n\n.milestone-details__progress {\n  width: 48px;\n  margin-right: 8px; }\n\n.milestone--add.md-button {\n  text-transform: uppercase; }\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: #eeeeee;\n  border-radius: 50%; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: #ecf4fd;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.student-select {\n  padding-top: 0;\n  padding-bottom: 0; }\n\n.workgroup-progress {\n  margin-bottom: 8px; }\n  @media (min-width: 960px) {\n    .workgroup-progress {\n      margin-bottom: 0; } }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1565c0; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #1565c0;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important; }\n\n.grading__item {\n  background-color: #ffffff; }\n  .grading__item .component {\n    padding: 0; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-launcher.md-button.md-fab {\n    z-index: 61; } }\n\n@media only screen and (min-width: 960px) {\n  .notes-visible .notebook-report-container {\n    right: 516px;\n    transition: right 250ms; } }\n\n.notebook-menu {\n  transition: opacity 500ms; }\n  .notebook-menu.ng-enter {\n    opacity: 0; }\n  .notebook-menu .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .notebook-menu.ng-leave-active, .notebook-menu.ng-hide {\n    opacity: 0; }\n  .notebook-menu.ng-hide-add, .notebook-menu.ng-hide-add-active, .notebook-menu.ng-hide-remove, .notebook-menu.ng-hide-remove-active {\n    opacity: 0; }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.view-notebook-item {\n  width: 600px; }\n\n.notebook-item--report {\n  background-color: #ffffff; }\n  .notebook-item--report .note-editor {\n    margin-bottom: 16px;\n    border-color: #cccccc; }\n\n.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n  position: fixed;\n  top: 94px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      left: 54px; } }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 24px; } }\n  @media only screen and (min-width: 960px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 32px; } }\n  .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n    margin: 0 16px; }\n    @media only screen and (min-width: 600px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 8px; } }\n    @media only screen and (min-width: 960px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 16px; } }\n\n.notebook-item--report__container.ui-scrollpoint .note-editor {\n  padding-top: 40px; }\n\n.notebook-item--report__toolbar .note-toolbar {\n  background-color: #dddddd;\n  border: 1px solid #cccccc;\n  margin-bottom: -2px; }\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px; }\n\n.notebook-item--report__add-note {\n  font-weight: 700; }\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n.notebook-items {\n  width: 100%;\n  overflow: auto;\n  margin-top: 16px;\n  margin-bottom: 76px; }\n  .notebook-items .notebook-item {\n    width: 100%; }\n  .notebook-items .notebook-item__content {\n    height: 200px;\n    min-width: 0; }\n\n.notebook-items--grading {\n  margin-bottom: 0; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.annotations--grading md-input-container {\n  margin-bottom: 0; }\n\n.annotations--grading .md-errors-spacer {\n  display: none; }\n\n.annotations--grading input:focus, .annotations--grading textarea:focus {\n  background-color: #ffffff; }\n\n.annotations--grading input:disabled, .annotations--grading textarea:disabled {\n  color: rgba(0, 0, 0, 0.87); }\n\n.annotations--grading--revision {\n  margin: 8px 0 0;\n  padding: 8px; }\n\n.annotations--notebook {\n  margin-top: 16px; }\n\n.annotations--grading__info {\n  font-style: italic;\n  margin: 8px 8px 4px; }\n\n.annotations--grading__item {\n  padding: 8px; }\n\n.annotations--grading__score input {\n  margin-top: 0 !important;\n  font-size: 18px;\n  width: 52px;\n  text-align: center; }\n\n.annotations--grading__score__label {\n  transform: none !important;\n  width: auto;\n  display: block;\n  padding: 0;\n  margin: 0 8px 0 0; }\n\n.annotations--grading__score__max label {\n  display: none; }\n\n.annotations--grading__score__divider {\n  position: relative;\n  top: 12px;\n  margin-left: 4px; }\n\n.annotations--grading__auto-comment {\n  margin: 0 2px; }\n\n.annotations--grading__auto-comment__content {\n  margin-top: 8px; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.component--grading {\n  padding: 0;\n  margin: 0; }\n  .component--grading:not(:last-child) > div {\n    border-bottom: 1px solid #dddddd; }\n  .component--grading .component__wrapper {\n    padding: 0;\n    margin: 0; }\n  .component--grading .component__content {\n    padding: 16px;\n    margin: 0; }\n\n.component--grading__response {\n  padding-bottom: 16px; }\n  @media only screen and (min-width: 960px) {\n    .component--grading__response {\n      padding-right: 16px;\n      padding-bottom: 0; } }\n\n.component--grading__response__content {\n  overflow: auto; }\n\n.component--grading__annotations {\n  background-color: #ecf4fd; }\n\n.component--grading__annotations__divider {\n  padding: 4px;\n  background-color: #ffffff; }\n\n.component--grading__actions__info {\n  margin: 16px 0 0;\n  padding-top: 8px;\n  border-top: 1px solid #eeeeee; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #1565c0; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #1565c0; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.component-revisions .component {\n  padding: 0;\n  margin: 0; }\n\n.component-revisions .component__content {\n  padding: 0; }\n\n.component-revisions .component__wrapper {\n  margin: 16px 0; }\n\n.component-revisions .md-resize-handle {\n  display: none; }\n\n.component-revisions__item, md-list-item.component-revisions__item {\n  padding: 0; }\n\n.component-revisions__item--latest {\n  margin-bottom: 24px; }\n\n.component-revisions__annotation-label {\n  margin-right: 8px; }\n\n.component-revisions__has-auto-and-teacher {\n  padding-top: 8px;\n  margin-top: 8px;\n  border-top: 1px solid #dddddd; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n",".gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out;\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}",".milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0;\n\n  &.md-button {\n    text-transform: none;\n  }\n}\n\n.milestone__progress {\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px;\n}\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: color('primary');\n  font-size: rem(2.8);\n  font-weight: 500;\n}\n\n.milestone__title {\n  font-weight: 700;\n  font-size: $body-font-size-base;\n  margin-bottom: 12px;\n}\n\n.milestone-details {\n  section {\n    &:not(:first-child) {\n      margin-top: 8px;\n    }\n  }\n}\n\n.milestone-details__section {\n  background-color: #ffffff;\n  padding: 16px;\n\n  > p {\n    margin-top: 16px;\n    margin-bottom: 0;\n  }\n\n  md-list {\n    padding: 0;\n  }\n\n  .grading {\n    padding: 0;\n  }\n}\n\n.milestone-details__header {\n  padding: 12px 16px;\n  margin: -16px -16px 16px;\n  text-transform: uppercase;\n  font-weight: 500;\n}\n\n.milestone-details__progress {\n  width: 48px;\n  margin-right: 8px;\n}\n\n.milestone--add {\n  &.md-button {\n    text-transform: uppercase;\n  }\n}\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".student-select {\n    padding-top: 0;\n    padding-bottom: 0;\n}\n\n.workgroup-progress {\n    margin-bottom: 8px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        margin-bottom: 0;\n    }\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n",".grading {\n}\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important;\n}\n\n.grading__item {\n  background-color: #ffffff;\n\n  .component {\n    padding: 0;\n  }\n}\n","// Variables\n$notebook-sidebar-width: 56px;\n\n// Base\n.notebook-launcher {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        &.md-button.md-fab {\n            z-index: 61;\n        }\n    }\n}\n\n.notes-visible {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        .notebook-report-container {\n            right: 516px;\n            transition: right 250ms;\n        }\n    }\n}\n\n.notebook-menu {\n    transition: opacity 500ms;\n\n    &.ng-enter {\n        opacity: 0;\n    }\n\n    .ng-enter-active {\n        opacity: 1;\n        transition-delay: 250ms;\n    }\n\n    &.ng-leave-active, &.ng-hide {\n        opacity: 0;\n    }\n\n    &.ng-hide-add, &.ng-hide-add-active,\n    &.ng-hide-remove, &.ng-hide-remove-active {\n        opacity: 0;\n    }\n}\n\n.notebook-item {\n    transition: box-shadow 250ms;\n    margin: 0 16px 16px;\n    display: block;\n}\n\n.notebook-item__content {\n    height: 250px;\n    min-width: 230px;\n    position: relative;\n    padding: 0;\n    background-color: color('gray');\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n    position: absolute;\n    left: 0;\n    right: 0;\n}\n\n.notebook-item__content__attachment {\n    background-repeat: no-repeat !important;\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    background-position: center top !important;\n    background-size: cover !important;\n    top: 0;\n    bottom: 0;\n}\n\n.notebook-item__content__text {\n    bottom: 0;\n    padding: 8px;\n    font-weight: 500;\n    overflow: hidden;\n    max-height: 120px;\n    min-height: 56px;\n    background-color: rgba(255,255,255,0.95);\n    border-top: 1px solid color('gray-lighter');\n\n    &:after {\n        content: \"\";\n        text-align: right;\n        position: absolute;\n        bottom: 0;\n        right: 0;\n        width: 100%;\n        height: 0.8em;\n        background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n    }\n}\n\n.notebook-item__content--text-only {\n    &:after {\n        content: \"note\";\n        font-family: 'Material Icons';\n        font-weight: normal;\n        font-style: normal;\n        display: inline-block;\n        line-height: 1;\n        text-transform: none;\n        letter-spacing: normal;\n        word-wrap: normal;\n        white-space: nowrap;\n        direction: ltr;\n\n        /* Support for all WebKit browsers. */\n        -webkit-font-smoothing: antialiased;\n        /* Support for Safari and Chrome. */\n        text-rendering: optimizeLegibility;\n\n        /* Support for Firefox. */\n        -moz-osx-font-smoothing: grayscale;\n\n        /* Support for IE. */\n        font-feature-settings: 'liga';\n        //position: absolute;\n        font-size: 80px;\n        color: color('text-disabled');\n    }\n}\n\n.notebook-item--question__content--text-only {\n    content: \"live_help\";\n}\n\n.notebook-item__content__location {\n    opacity: 0.9;\n    padding: 8px 0;\n\n    md-icon {\n        font-size: 22px;\n    }\n}\n\n.notebook-item__edit {\n    cursor: pointer;\n}\n\n.notebook-item__actions {\n    margin: 0;\n    padding: 0 8px;\n    color: #ffffff;\n    background-color: color('gray-darkest');\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n\n.notebook-item__text-input {\n    margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n    padding-left: 0;\n    padding-right: 0;\n}\n\n.notebook-item__attachment {\n    background-color: color('gray-light');\n    padding: 16px;\n    margin-bottom: 16px;\n    text-align: center;\n    position: relative;\n}\n\n.notebook-item__attachment__content {\n    max-width: 100%;\n    height: auto;\n}\n\n.notebook-item__attachment__delete {\n    position: absolute;\n    top: 4px;\n    right: -2px;\n    // TODO: generalize for on item buttons like this (delete attachment, etc)\n    width: 34px !important;\n    height: 34px !important;\n    min-height: 0;\n\n    md-icon {\n        margin-left: -2px;\n        font-size: 22px;\n    }\n}\n\n.notebook-item__info {\n    font-style: italic;\n    opacity: .8;\n    color: lighten(color('accent-1'), 5%);\n\n    a, md-icon {\n        color: lighten(color('accent-1'), 5%);\n    }\n\n    md-icon {\n        font-size: 1.5em;\n        min-width: 0;\n        width: auto;\n    }\n}\n\n.notebook-item__upload {\n    text-align: center;\n    padding: 24px;\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    color: color('text-secondary');\n    border-radius: 4px;\n    cursor: pointer;\n    border: 1px dashed transparent;\n    transition: all 250ms;\n\n    md-icon, span {\n        transition: color 250ms;\n    }\n\n    &:hover, &:focus, &.dragover {\n        border-color: color('accent');\n        background-color: lighten(color('accent'), 35%);\n        color: color('accent');\n\n        md-icon, span {\n            color: color('accent');\n        }\n    }\n}\n\n.view-notebook-item {\n    width: $layout-breakpoint-xs;\n}\n\n.view-notebook-item__content {\n}\n\n.notebook-item--report {\n    background-color: #ffffff;\n\n    .note-editor {\n        margin-bottom: 16px;\n        border-color: color('gray');\n    }\n}\n\n.notebook-item--report__container {\n    &.ui-scrollpoint {\n        .notebook-item--report__toolbar {\n            position: fixed;\n            top: ($wise-toolbar-height + $md-toolbar-height);\n            left: 0;\n            right: 0;\n            z-index: 1;\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                left: ($notebook-sidebar-width - 2);\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                padding: 0 24px;\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-sm) {\n                padding: 0 32px;\n            }\n\n            .note-toolbar {\n                margin: 0 16px;\n\n                @media only screen and (min-width: $layout-breakpoint-xs) {\n                    margin: 0 8px;\n                }\n\n                @media only screen and (min-width: $layout-breakpoint-sm) {\n                    margin: 0 16px;\n                }\n            }\n        }\n\n        .note-editor {\n            padding-top: 40px;\n        }\n    }\n}\n\n.notebook-item--report__toolbar {\n\n    .note-toolbar {\n        background-color: color('gray-light');\n        border: 1px solid color('gray');\n        margin-bottom: -2px;\n    }\n}\n\n.notebook-item--report__heading {\n    text-align: center;\n    margin-bottom: 32px;\n}\n\n.notebook-item--report__content {\n}\n\n.notebook-item--report__add-note {\n    font-weight: 700;\n}\n\n.notebook-item--report__note-img {\n    max-width: 100%;\n    height: auto !important;\n}\n\n.notebook-sidebar {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 400px;\n        max-width: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 500px;\n        max-width: none;\n    }\n}\n\n.notebook-items {\n    width: 100%;\n    overflow: auto;\n    margin-top: 16px;\n    margin-bottom: 76px;\n\n    .notebook-item {\n        width: 100%;\n    }\n\n    .notebook-item__content {\n        height: 200px;\n        min-width: 0;\n    }\n}\n\n.notebook-items--grading {\n    margin-bottom: 0;\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n    .notebook-enabled {\n        .md-fab-bottom-right, .md-fab-bottom-left {\n            bottom: ($wise-toolbar-height + 8) !important;\n        }\n    }\n}\n\n.notebook-grading {\n    background-color: #ffffff;\n    display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".annotations--grading {\n    md-input-container {\n        margin-bottom: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n\n    input, textarea {\n        //border-width: 0;\n        //background-color: color('text-light-secondary');\n\n        &:focus {\n            background-color: #ffffff;\n        }\n\n        &:disabled {\n            color: color('text');\n        }\n    }\n}\n\n.annotations--grading--revision {\n    margin: 8px 0 0;\n    padding: 8px;\n}\n\n.annotations--notebook {\n    margin-top: 16px;;\n}\n\n.annotations--grading__info {\n    font-style: italic;\n    margin: 8px 8px 4px;\n}\n\n.annotations--grading__item {\n    padding: 8px;\n}\n\n.annotations--grading__score {\n    input {\n        margin-top: 0 !important;\n        font-size: rem(1.8);\n        width: 52px;\n        text-align: center;\n    }\n}\n\n.annotations--grading__score__label {\n    transform: none !important;\n    width: auto;\n    display: block;\n    padding: 0;\n    margin: 0 8px 0 0;\n}\n\n.annotations--grading__score__max {\n    label {\n        display: none;\n    }\n}\n\n.annotations--grading__score__divider {\n    position: relative;\n    top: 12px;\n    margin-left: 4px;\n}\n\n.annotations--grading__auto-comment {\n    margin: 0 2px;\n}\n\n.annotations--grading__auto-comment__content {\n    margin-top: 8px;\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".component--grading {\n    padding: 0;\n    margin: 0;\n\n    &:not(:last-child) {\n        > div {\n            border-bottom: 1px solid color('gray-light');\n        }\n    }\n\n    .component__wrapper {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 16px;\n        margin: 0;\n    }\n}\n\n.component--grading__response {\n    padding-bottom: 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding-right: 16px;\n        padding-bottom: 0;\n    }\n}\n\n.component--grading__response__content {\n    overflow: auto;\n}\n\n.component--grading__annotations {\n    background-color: color('selected-bg');\n}\n\n.component--grading__annotations__divider {\n    padding: 4px;\n    background-color: #ffffff;\n}\n\n.component--grading__actions__info {\n    margin: 16px 0 0;\n    padding-top: 8px;\n    border-top: 1px solid color('gray-lighter');\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".component-revisions {\n    .component {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 0;\n    }\n\n    .component__wrapper {\n        margin: 16px 0;\n    }\n\n    .md-resize-handle {\n        display: none;\n    }\n}\n\n.component-revisions__item, md-list-item.component-revisions__item {\n    padding: 0;\n}\n\n.component-revisions__item--latest {\n    margin-bottom: 24px;\n}\n\n.component-revisions__item__text {\n\n}\n\n.component-revisions__annotation-label {\n    margin-right: 8px;\n}\n\n.component-revisions__has-auto-and-teacher {\n    padding-top: 8px;\n    margin-top: 8px;\n    border-top: 1px solid color('gray-light');\n}\n",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
diff --git a/src/main/webapp/wise5/themes/default/style/vle.css b/src/main/webapp/wise5/themes/default/style/vle.css
index abe5d7e02f..36b7b1add2 100644
--- a/src/main/webapp/wise5/themes/default/style/vle.css
+++ b/src/main/webapp/wise5/themes/default/style/vle.css
@@ -1,2 +1,2 @@
-body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1c8ca8}blockquote{background-color:#e7f7fb;padding:8px;margin:16px 0;border:solid #1c8ca8;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1c8ca8;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1c8ca8!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#f4fbfd}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#1c8ca8;background-color:#f4fbfd}.primary{color:#1c8ca8}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#f4fbfd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1c8ca8}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#f4fbfd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1c8ca8}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#f4fbfd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav{background-color:#eee!important}.l-node{margin-top:42px;padding:0}@media only screen and (min-width:600px){.l-node{padding:0 0 16px;background-color:#eee!important}}@media only screen and (min-width:960px){.l-node{padding:0 0 32px}}.l-notebook{margin-top:42px;background-color:#eee!important}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;transition:opacity .25s ease-in-out}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1c8ca8}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1c8ca8}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#f4fbfd}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1c8ca8}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #1c8ca8;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}@media only screen and (min-width:600px){.notebook-launcher.md-button.md-fab{z-index:61}}.notebook-report{border-radius:4px 4px 0 0;margin:0;height:100%}.notebook-report .note-toolbar{margin:-8px -8px 8px;padding:4px;border-bottom:0;border-top:0;border-color:#ddd currentcolor;border-style:solid none;border-width:1px 0;border-radius:0}.notebook-report .note-toolbar .btn-group{margin-top:0}.notebook-report .note-btn{border:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.notebook-report-container{height:550px;width:450px;max-height:90%;bottom:0;right:96px;position:absolute;z-index:3}@media only screen and (min-width:960px){.notes-visible .notebook-report-container{right:516px;transition:right .25s}}.notebook-report-container__full{top:16px;bottom:16px;left:16px;right:16px;max-height:none;max-width:none;height:auto;width:auto}.notebook-report-container__full .notebook-report{height:100%;width:100%;margin:0 auto;max-height:none;border-radius:4px}.notebook-report-container__collapsed{width:300px;height:auto}.notebook-report-container__collapsed .notebook-report__actions,.notebook-report-container__collapsed .notebook-report__content,.notebook-report-container__collapsed .notebook-report__content__header{display:none}.notebook-report__toolbar{background-color:#333!important;border-radius:4px 4px 0 0}.notebook-report__toolbar__title{max-width:150px}.notebook-report__content{background-color:#fff}.notebook-report__content h1,.notebook-report__content h2,.notebook-report__content h3,.notebook-report__content h4{font-size:22px}.notebook-report__content .note-editor.note-frame{border:0;border-radius:0;padding:0;box-shadow:none}.notebook-report__content .note-resizebar{display:none}.notebook-report__content__header{padding:8px;background-color:#fff;font-size:16px}@media only screen and (max-width:599px){.notebook-report-container:not(.notebook-report-container__collapsed){top:0;bottom:0;left:0;right:0;max-height:none;max-width:none;height:auto;width:auto}.notebook-report-container:not(.notebook-report-container__collapsed) .notebook-report{border-radius:0}.notebook-tools--full{display:none}}.notebook-report-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;background-color:#212121;opacity:.48}.notebook-menu{transition:opacity .5s}.notebook-menu.ng-enter{opacity:0}.notebook-menu .ng-enter-active{opacity:1;transition-delay:.25s}.notebook-menu.ng-hide,.notebook-menu.ng-hide-add,.notebook-menu.ng-hide-add-active,.notebook-menu.ng-hide-remove,.notebook-menu.ng-hide-remove-active,.notebook-menu.ng-leave-active{opacity:0}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.view-notebook-item{width:600px}.notebook-item--report{background-color:#fff}.notebook-item--report .note-editor{margin-bottom:16px;border-color:#ccc}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{position:fixed;top:94px;left:0;right:0;z-index:1}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{left:54px;padding:0 24px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{padding:0 32px}}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 8px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}}.notebook-item--report__container.ui-scrollpoint .note-editor{padding-top:40px}.notebook-item--report__toolbar .note-toolbar{background-color:#ddd;border:1px solid #ccc;margin-bottom:-2px}.notebook-item--report__heading{text-align:center;margin-bottom:32px}.notebook-item--report__add-note{font-weight:700}.notebook-item--report__note-img{max-width:100%;height:auto!important}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}.notebook-items{width:100%;overflow:auto;margin-top:16px;margin-bottom:76px}.notebook-items .notebook-item{width:100%}.notebook-items .notebook-item__content{height:200px;min-width:0}.notebook-items--grading{margin-bottom:0}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#1c8ca8}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#1c8ca8}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
+body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1c8ca8}blockquote{background-color:#e7f7fb;padding:8px;margin:16px 0;border:solid #1c8ca8;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1c8ca8;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1c8ca8!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#f4fbfd}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#1c8ca8;background-color:#f4fbfd}.primary{color:#1c8ca8}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#f4fbfd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1c8ca8}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#f4fbfd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1c8ca8}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#f4fbfd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav{background-color:#eee!important}.l-node{margin-top:42px;padding:0}@media only screen and (min-width:600px){.l-node{padding:0 0 16px;background-color:#eee!important}}@media only screen and (min-width:960px){.l-node{padding:0 0 32px}}.l-notebook{margin-top:42px;background-color:#eee!important}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;transition:opacity .25s ease-in-out}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1c8ca8}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1c8ca8}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#f4fbfd}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1c8ca8}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #1c8ca8;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}@media only screen and (min-width:600px){.notebook-launcher.md-button.md-fab{z-index:61}}@media only screen and (min-width:960px){.notes-visible .notebook-report-container{right:516px;transition:right .25s}}.notebook-menu{transition:opacity .5s}.notebook-menu.ng-enter{opacity:0}.notebook-menu .ng-enter-active{opacity:1;transition-delay:.25s}.notebook-menu.ng-hide,.notebook-menu.ng-hide-add,.notebook-menu.ng-hide-add-active,.notebook-menu.ng-hide-remove,.notebook-menu.ng-hide-remove-active,.notebook-menu.ng-leave-active{opacity:0}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.view-notebook-item{width:600px}.notebook-item--report{background-color:#fff}.notebook-item--report .note-editor{margin-bottom:16px;border-color:#ccc}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{position:fixed;top:94px;left:0;right:0;z-index:1}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{left:54px;padding:0 24px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{padding:0 32px}}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 8px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}}.notebook-item--report__container.ui-scrollpoint .note-editor{padding-top:40px}.notebook-item--report__toolbar .note-toolbar{background-color:#ddd;border:1px solid #ccc;margin-bottom:-2px}.notebook-item--report__heading{text-align:center;margin-bottom:32px}.notebook-item--report__add-note{font-weight:700}.notebook-item--report__note-img{max-width:100%;height:auto!important}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}.notebook-items{width:100%;overflow:auto;margin-top:16px;margin-bottom:76px}.notebook-items .notebook-item{width:100%}.notebook-items .notebook-item__content{height:200px;min-width:0}.notebook-items--grading{margin-bottom:0}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#1c8ca8}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#1c8ca8}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
 /*# sourceMappingURL=vle.css.map */
diff --git a/src/main/webapp/wise5/themes/default/style/vle.css.map b/src/main/webapp/wise5/themes/default/style/vle.css.map
index 0b411e4041..fe075b9307 100644
--- a/src/main/webapp/wise5/themes/default/style/vle.css.map
+++ b/src/main/webapp/wise5/themes/default/style/vle.css.map
@@ -1 +1 @@
-{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/vle.css","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-node.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dragula.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,wBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBCQoB,CDPpB,eAAgB,CAChB,cElC8B,CFmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBCxDsB,CD4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,wBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,wBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,aCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,wBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"vle.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #1C8CA8; }\n\nblockquote {\n  background-color: #e7f7fb;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1C8CA8;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #1C8CA8;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1C8CA8 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: #f4fbfd; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1C8CA8;\n  background-color: #f4fbfd; }\n\n.primary {\n  color: #1C8CA8; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: #f4fbfd; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #1C8CA8; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: #f4fbfd; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #1C8CA8; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: #f4fbfd; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-node {\n  margin-top: 42px;\n  padding: 0; }\n  @media only screen and (min-width: 600px) {\n    .l-node {\n      padding: 0 0 16px;\n      background-color: #eeeeee !important; } }\n  @media only screen and (min-width: 960px) {\n    .l-node {\n      padding: 0 0 32px; } }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out; }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1C8CA8; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #1C8CA8; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: #f4fbfd;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1C8CA8; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #1C8CA8;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-launcher.md-button.md-fab {\n    z-index: 61; } }\n\n.notebook-report {\n  border-radius: 4px 4px 0 0;\n  margin: 0;\n  height: 100%; }\n  .notebook-report .note-toolbar {\n    margin: -8px -8px 8px;\n    padding: 4px;\n    border: 0 none;\n    border-top: 1px solid #dddddd;\n    border-bottom: 1px solid #dddddd;\n    border-radius: 0; }\n    .notebook-report .note-toolbar .btn-group {\n      margin-top: 0; }\n  .notebook-report .note-btn {\n    border: 0 none;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0; }\n\n.notebook-report-container {\n  height: 550px;\n  width: 450px;\n  max-height: 90%;\n  bottom: 0;\n  right: 96px;\n  position: absolute;\n  z-index: 3; }\n\n@media only screen and (min-width: 960px) {\n  .notes-visible .notebook-report-container {\n    right: 516px;\n    transition: right 250ms; } }\n\n.notebook-report-container__full {\n  top: 16px;\n  bottom: 16px;\n  left: 16px;\n  right: 16px;\n  max-height: none;\n  max-width: none;\n  height: auto;\n  width: auto; }\n  .notebook-report-container__full .notebook-report {\n    height: 100%;\n    width: 100%;\n    margin: 0 auto;\n    max-height: none;\n    border-radius: 4px; }\n\n.notebook-report-container__collapsed {\n  width: 300px;\n  height: auto; }\n  .notebook-report-container__collapsed .notebook-report__content, .notebook-report-container__collapsed .notebook-report__actions, .notebook-report-container__collapsed .notebook-report__content__header {\n    display: none; }\n\n.notebook-report__toolbar {\n  background-color: #333333 !important;\n  border-radius: 4px 4px 0 0; }\n\n.notebook-report__toolbar__title {\n  max-width: 150px; }\n\n.notebook-report__content {\n  background-color: #ffffff; }\n  .notebook-report__content h1, .notebook-report__content h2, .notebook-report__content h3, .notebook-report__content h4 {\n    font-size: 22px; }\n  .notebook-report__content .note-editor.note-frame {\n    border: 0 none;\n    border-radius: 0;\n    padding: 0;\n    box-shadow: none; }\n  .notebook-report__content .note-resizebar {\n    display: none; }\n\n.notebook-report__content__header {\n  padding: 8px;\n  background-color: #ffffff;\n  font-size: 16px; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-report-container:not(.notebook-report-container__collapsed) {\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    max-height: none;\n    max-width: none;\n    height: auto;\n    width: auto; }\n    .notebook-report-container:not(.notebook-report-container__collapsed) .notebook-report {\n      border-radius: 0; }\n  .notebook-tools--full {\n    display: none; } }\n\n.notebook-report-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 3;\n  background-color: #212121;\n  opacity: .48; }\n\n.notebook-menu {\n  transition: opacity 500ms; }\n  .notebook-menu.ng-enter {\n    opacity: 0; }\n  .notebook-menu .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .notebook-menu.ng-leave-active, .notebook-menu.ng-hide {\n    opacity: 0; }\n  .notebook-menu.ng-hide-add, .notebook-menu.ng-hide-add-active, .notebook-menu.ng-hide-remove, .notebook-menu.ng-hide-remove-active {\n    opacity: 0; }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.view-notebook-item {\n  width: 600px; }\n\n.notebook-item--report {\n  background-color: #ffffff; }\n  .notebook-item--report .note-editor {\n    margin-bottom: 16px;\n    border-color: #cccccc; }\n\n.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n  position: fixed;\n  top: 94px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      left: 54px; } }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 24px; } }\n  @media only screen and (min-width: 960px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 32px; } }\n  .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n    margin: 0 16px; }\n    @media only screen and (min-width: 600px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 8px; } }\n    @media only screen and (min-width: 960px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 16px; } }\n\n.notebook-item--report__container.ui-scrollpoint .note-editor {\n  padding-top: 40px; }\n\n.notebook-item--report__toolbar .note-toolbar {\n  background-color: #dddddd;\n  border: 1px solid #cccccc;\n  margin-bottom: -2px; }\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px; }\n\n.notebook-item--report__add-note {\n  font-weight: 700; }\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n.notebook-items {\n  width: 100%;\n  overflow: auto;\n  margin-top: 16px;\n  margin-bottom: 76px; }\n  .notebook-items .notebook-item {\n    width: 100%; }\n  .notebook-items .notebook-item__content {\n    height: 200px;\n    min-width: 0; }\n\n.notebook-items--grading {\n  margin-bottom: 0; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #1C8CA8; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #1C8CA8; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-node {\n  margin-top: $wise-toolbar-height;\n  padding: 0;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    padding: 0 0 16px;\n    background-color: color('body-bg') !important;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 0 0 32px;\n  }\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n",".gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out;\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 56px;\n\n// Base\n.notebook-launcher {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        &.md-button.md-fab {\n            z-index: 61;\n        }\n    }\n}\n\n.notebook-report {\n    border-radius: 4px 4px 0 0;\n    margin: 0;\n    height: 100%;\n\n    .note-toolbar {\n        margin: -8px -8px 8px;\n        padding: 4px;\n        border: 0 none;\n        border-top: 1px solid color('gray-light');\n        border-bottom: 1px solid color('gray-light');\n        border-radius: 0;\n\n        .btn-group {\n            margin-top: 0;\n        }\n    }\n\n    .note-btn {\n        border: 0 none;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n}\n\n.notebook-report-container {\n    height: 550px;\n    width: 450px;\n    max-height: 90%;\n    bottom: 0;\n    right: 96px;\n    position: absolute;\n    z-index: 3;\n}\n\n.notes-visible {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        .notebook-report-container {\n            right: 516px;\n            transition: right 250ms;\n        }\n    }\n}\n\n.notebook-report-container__full {\n    top: 16px;\n    bottom: 16px;\n    left: 16px;\n    right: 16px;\n    max-height: none;\n    max-width: none;\n    height: auto;\n    width: auto;\n\n    .notebook-report {\n        height: 100%;\n        width: 100%;\n        margin: 0 auto;\n        max-height: none;\n        border-radius: $card-border-radius;\n    }\n}\n\n.notebook-report-container__collapsed {\n    width: 300px;\n    height: auto;\n\n    .notebook-report__content, .notebook-report__actions, .notebook-report__content__header {\n        display: none;\n    }\n}\n\n.notebook-report__toolbar {\n    background-color: color('gray-darkest') !important;\n    border-radius: $card-border-radius $card-border-radius 0 0;\n}\n\n.notebook-report__toolbar__title {\n    max-width: 150px;\n}\n\n.notebook-report__content {\n    h1, h2, h3, h4 {\n        font-size: rem(2.2);\n    }\n\n    background-color: #ffffff;\n\n    .note-editor.note-frame {\n        border: 0 none;\n        border-radius: 0;\n        padding: 0;\n        box-shadow: none;\n    }\n\n    .note-resizebar {\n        display: none;\n    }\n}\n\n.notebook-report__content__header {\n    padding: 8px;\n    background-color: #ffffff;\n    font-size: rem(1.6);\n}\n\n@media only screen and (max-width: $layout-breakpoint-xs - 1) {\n    .notebook-report-container {\n        &:not(.notebook-report-container__collapsed) {\n            top: 0;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            max-height: none;\n            max-width: none;\n            height: auto;\n            width: auto;\n\n            .notebook-report {\n                border-radius: 0;\n            }\n        }\n    }\n\n    .notebook-tools--full {\n        display: none;\n    }\n}\n\n.notebook-report-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 3;\n    background-color: rgba(33,33,33,1.0);\n    opacity: .48;\n}\n\n.notebook-menu {\n    transition: opacity 500ms;\n\n    &.ng-enter {\n        opacity: 0;\n    }\n\n    .ng-enter-active {\n        opacity: 1;\n        transition-delay: 250ms;\n    }\n\n    &.ng-leave-active, &.ng-hide {\n        opacity: 0;\n    }\n\n    &.ng-hide-add, &.ng-hide-add-active,\n    &.ng-hide-remove, &.ng-hide-remove-active {\n        opacity: 0;\n    }\n}\n\n.notebook-item {\n    transition: box-shadow 250ms;\n    margin: 0 16px 16px;\n    display: block;\n}\n\n.notebook-item__content {\n    height: 250px;\n    min-width: 230px;\n    position: relative;\n    padding: 0;\n    background-color: color('gray');\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n    position: absolute;\n    left: 0;\n    right: 0;\n}\n\n.notebook-item__content__attachment {\n    background-repeat: no-repeat !important;\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    background-position: center top !important;\n    background-size: cover !important;\n    top: 0;\n    bottom: 0;\n}\n\n.notebook-item__content__text {\n    bottom: 0;\n    padding: 8px;\n    font-weight: 500;\n    overflow: hidden;\n    max-height: 120px;\n    min-height: 56px;\n    background-color: rgba(255,255,255,0.95);\n    border-top: 1px solid color('gray-lighter');\n\n    &:after {\n        content: \"\";\n        text-align: right;\n        position: absolute;\n        bottom: 0;\n        right: 0;\n        width: 100%;\n        height: 0.8em;\n        background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n    }\n}\n\n.notebook-item__content--text-only {\n    &:after {\n        content: \"note\";\n        font-family: 'Material Icons';\n        font-weight: normal;\n        font-style: normal;\n        display: inline-block;\n        line-height: 1;\n        text-transform: none;\n        letter-spacing: normal;\n        word-wrap: normal;\n        white-space: nowrap;\n        direction: ltr;\n\n        /* Support for all WebKit browsers. */\n        -webkit-font-smoothing: antialiased;\n        /* Support for Safari and Chrome. */\n        text-rendering: optimizeLegibility;\n\n        /* Support for Firefox. */\n        -moz-osx-font-smoothing: grayscale;\n\n        /* Support for IE. */\n        font-feature-settings: 'liga';\n        //position: absolute;\n        font-size: 80px;\n        color: color('text-disabled');\n    }\n}\n\n.notebook-item--question__content--text-only {\n    content: \"live_help\";\n}\n\n.notebook-item__content__location {\n    opacity: 0.9;\n    padding: 8px 0;\n\n    md-icon {\n        font-size: 22px;\n    }\n}\n\n.notebook-item__edit {\n    cursor: pointer;\n}\n\n.notebook-item__actions {\n    margin: 0;\n    padding: 0 8px;\n    color: #ffffff;\n    background-color: color('gray-darkest');\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n\n.notebook-item__text-input {\n    margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n    padding-left: 0;\n    padding-right: 0;\n}\n\n.notebook-item__attachment {\n    background-color: color('gray-light');\n    padding: 16px;\n    margin-bottom: 16px;\n    text-align: center;\n    position: relative;\n}\n\n.notebook-item__attachment__content {\n    max-width: 100%;\n    height: auto;\n}\n\n.notebook-item__attachment__delete {\n    position: absolute;\n    top: 4px;\n    right: -2px;\n    // TODO: generalize for on item buttons like this (delete attachment, etc)\n    width: 34px !important;\n    height: 34px !important;\n    min-height: 0;\n\n    md-icon {\n        margin-left: -2px;\n        font-size: 22px;\n    }\n}\n\n.notebook-item__info {\n    font-style: italic;\n    opacity: .8;\n    color: lighten(color('accent-1'), 5%);\n\n    a, md-icon {\n        color: lighten(color('accent-1'), 5%);\n    }\n\n    md-icon {\n        font-size: 1.5em;\n        min-width: 0;\n        width: auto;\n    }\n}\n\n.notebook-item__upload {\n    text-align: center;\n    padding: 24px;\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    color: color('text-secondary');\n    border-radius: 4px;\n    cursor: pointer;\n    border: 1px dashed transparent;\n    transition: all 250ms;\n\n    md-icon, span {\n        transition: color 250ms;\n    }\n\n    &:hover, &:focus, &.dragover {\n        border-color: color('accent');\n        background-color: lighten(color('accent'), 35%);\n        color: color('accent');\n\n        md-icon, span {\n            color: color('accent');\n        }\n    }\n}\n\n.view-notebook-item {\n    width: $layout-breakpoint-xs;\n}\n\n.view-notebook-item__content {\n}\n\n.notebook-item--report {\n    background-color: #ffffff;\n\n    .note-editor {\n        margin-bottom: 16px;\n        border-color: color('gray');\n    }\n}\n\n.notebook-item--report__container {\n    &.ui-scrollpoint {\n        .notebook-item--report__toolbar {\n            position: fixed;\n            top: ($wise-toolbar-height + $md-toolbar-height);\n            left: 0;\n            right: 0;\n            z-index: 1;\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                left: ($notebook-sidebar-width - 2);\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                padding: 0 24px;\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-sm) {\n                padding: 0 32px;\n            }\n\n            .note-toolbar {\n                margin: 0 16px;\n\n                @media only screen and (min-width: $layout-breakpoint-xs) {\n                    margin: 0 8px;\n                }\n\n                @media only screen and (min-width: $layout-breakpoint-sm) {\n                    margin: 0 16px;\n                }\n            }\n        }\n\n        .note-editor {\n            padding-top: 40px;\n        }\n    }\n}\n\n.notebook-item--report__toolbar {\n\n    .note-toolbar {\n        background-color: color('gray-light');\n        border: 1px solid color('gray');\n        margin-bottom: -2px;\n    }\n}\n\n.notebook-item--report__heading {\n    text-align: center;\n    margin-bottom: 32px;\n}\n\n.notebook-item--report__content {\n}\n\n.notebook-item--report__add-note {\n    font-weight: 700;\n}\n\n.notebook-item--report__note-img {\n    max-width: 100%;\n    height: auto !important;\n}\n\n.notebook-sidebar {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 400px;\n        max-width: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 500px;\n        max-width: none;\n    }\n}\n\n.notebook-items {\n    width: 100%;\n    overflow: auto;\n    margin-top: 16px;\n    margin-bottom: 76px;\n\n    .notebook-item {\n        width: 100%;\n    }\n\n    .notebook-item__content {\n        height: 200px;\n        min-width: 0;\n    }\n}\n\n.notebook-items--grading {\n    margin-bottom: 0;\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n    .notebook-enabled {\n        .md-fab-bottom-right, .md-fab-bottom-left {\n            bottom: ($wise-toolbar-height + 8) !important;\n        }\n    }\n}\n\n.notebook-grading {\n    background-color: #ffffff;\n    display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/vle.css","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-node.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dragula.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,wBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBCQoB,CDPpB,eAAgB,CAChB,cElC8B,CFmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBCxDsB,CD4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,wBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,wBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,aCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,wBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"vle.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #1C8CA8; }\n\nblockquote {\n  background-color: #e7f7fb;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1C8CA8;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #1C8CA8;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1C8CA8 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: #f4fbfd; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1C8CA8;\n  background-color: #f4fbfd; }\n\n.primary {\n  color: #1C8CA8; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: #f4fbfd; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #1C8CA8; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: #f4fbfd; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #1C8CA8; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: #f4fbfd; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-node {\n  margin-top: 42px;\n  padding: 0; }\n  @media only screen and (min-width: 600px) {\n    .l-node {\n      padding: 0 0 16px;\n      background-color: #eeeeee !important; } }\n  @media only screen and (min-width: 960px) {\n    .l-node {\n      padding: 0 0 32px; } }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out; }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1C8CA8; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #1C8CA8; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: #f4fbfd;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1C8CA8; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #1C8CA8;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-launcher.md-button.md-fab {\n    z-index: 61; } }\n\n@media only screen and (min-width: 960px) {\n  .notes-visible .notebook-report-container {\n    right: 516px;\n    transition: right 250ms; } }\n\n.notebook-menu {\n  transition: opacity 500ms; }\n  .notebook-menu.ng-enter {\n    opacity: 0; }\n  .notebook-menu .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .notebook-menu.ng-leave-active, .notebook-menu.ng-hide {\n    opacity: 0; }\n  .notebook-menu.ng-hide-add, .notebook-menu.ng-hide-add-active, .notebook-menu.ng-hide-remove, .notebook-menu.ng-hide-remove-active {\n    opacity: 0; }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.view-notebook-item {\n  width: 600px; }\n\n.notebook-item--report {\n  background-color: #ffffff; }\n  .notebook-item--report .note-editor {\n    margin-bottom: 16px;\n    border-color: #cccccc; }\n\n.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n  position: fixed;\n  top: 94px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      left: 54px; } }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 24px; } }\n  @media only screen and (min-width: 960px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 32px; } }\n  .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n    margin: 0 16px; }\n    @media only screen and (min-width: 600px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 8px; } }\n    @media only screen and (min-width: 960px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 16px; } }\n\n.notebook-item--report__container.ui-scrollpoint .note-editor {\n  padding-top: 40px; }\n\n.notebook-item--report__toolbar .note-toolbar {\n  background-color: #dddddd;\n  border: 1px solid #cccccc;\n  margin-bottom: -2px; }\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px; }\n\n.notebook-item--report__add-note {\n  font-weight: 700; }\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n.notebook-items {\n  width: 100%;\n  overflow: auto;\n  margin-top: 16px;\n  margin-bottom: 76px; }\n  .notebook-items .notebook-item {\n    width: 100%; }\n  .notebook-items .notebook-item__content {\n    height: 200px;\n    min-width: 0; }\n\n.notebook-items--grading {\n  margin-bottom: 0; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #1C8CA8; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #1C8CA8; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-node {\n  margin-top: $wise-toolbar-height;\n  padding: 0;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    padding: 0 0 16px;\n    background-color: color('body-bg') !important;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 0 0 32px;\n  }\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n",".gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out;\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 56px;\n\n// Base\n.notebook-launcher {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        &.md-button.md-fab {\n            z-index: 61;\n        }\n    }\n}\n\n.notes-visible {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        .notebook-report-container {\n            right: 516px;\n            transition: right 250ms;\n        }\n    }\n}\n\n.notebook-menu {\n    transition: opacity 500ms;\n\n    &.ng-enter {\n        opacity: 0;\n    }\n\n    .ng-enter-active {\n        opacity: 1;\n        transition-delay: 250ms;\n    }\n\n    &.ng-leave-active, &.ng-hide {\n        opacity: 0;\n    }\n\n    &.ng-hide-add, &.ng-hide-add-active,\n    &.ng-hide-remove, &.ng-hide-remove-active {\n        opacity: 0;\n    }\n}\n\n.notebook-item {\n    transition: box-shadow 250ms;\n    margin: 0 16px 16px;\n    display: block;\n}\n\n.notebook-item__content {\n    height: 250px;\n    min-width: 230px;\n    position: relative;\n    padding: 0;\n    background-color: color('gray');\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n    position: absolute;\n    left: 0;\n    right: 0;\n}\n\n.notebook-item__content__attachment {\n    background-repeat: no-repeat !important;\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    background-position: center top !important;\n    background-size: cover !important;\n    top: 0;\n    bottom: 0;\n}\n\n.notebook-item__content__text {\n    bottom: 0;\n    padding: 8px;\n    font-weight: 500;\n    overflow: hidden;\n    max-height: 120px;\n    min-height: 56px;\n    background-color: rgba(255,255,255,0.95);\n    border-top: 1px solid color('gray-lighter');\n\n    &:after {\n        content: \"\";\n        text-align: right;\n        position: absolute;\n        bottom: 0;\n        right: 0;\n        width: 100%;\n        height: 0.8em;\n        background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n    }\n}\n\n.notebook-item__content--text-only {\n    &:after {\n        content: \"note\";\n        font-family: 'Material Icons';\n        font-weight: normal;\n        font-style: normal;\n        display: inline-block;\n        line-height: 1;\n        text-transform: none;\n        letter-spacing: normal;\n        word-wrap: normal;\n        white-space: nowrap;\n        direction: ltr;\n\n        /* Support for all WebKit browsers. */\n        -webkit-font-smoothing: antialiased;\n        /* Support for Safari and Chrome. */\n        text-rendering: optimizeLegibility;\n\n        /* Support for Firefox. */\n        -moz-osx-font-smoothing: grayscale;\n\n        /* Support for IE. */\n        font-feature-settings: 'liga';\n        //position: absolute;\n        font-size: 80px;\n        color: color('text-disabled');\n    }\n}\n\n.notebook-item--question__content--text-only {\n    content: \"live_help\";\n}\n\n.notebook-item__content__location {\n    opacity: 0.9;\n    padding: 8px 0;\n\n    md-icon {\n        font-size: 22px;\n    }\n}\n\n.notebook-item__edit {\n    cursor: pointer;\n}\n\n.notebook-item__actions {\n    margin: 0;\n    padding: 0 8px;\n    color: #ffffff;\n    background-color: color('gray-darkest');\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n\n.notebook-item__text-input {\n    margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n    padding-left: 0;\n    padding-right: 0;\n}\n\n.notebook-item__attachment {\n    background-color: color('gray-light');\n    padding: 16px;\n    margin-bottom: 16px;\n    text-align: center;\n    position: relative;\n}\n\n.notebook-item__attachment__content {\n    max-width: 100%;\n    height: auto;\n}\n\n.notebook-item__attachment__delete {\n    position: absolute;\n    top: 4px;\n    right: -2px;\n    // TODO: generalize for on item buttons like this (delete attachment, etc)\n    width: 34px !important;\n    height: 34px !important;\n    min-height: 0;\n\n    md-icon {\n        margin-left: -2px;\n        font-size: 22px;\n    }\n}\n\n.notebook-item__info {\n    font-style: italic;\n    opacity: .8;\n    color: lighten(color('accent-1'), 5%);\n\n    a, md-icon {\n        color: lighten(color('accent-1'), 5%);\n    }\n\n    md-icon {\n        font-size: 1.5em;\n        min-width: 0;\n        width: auto;\n    }\n}\n\n.notebook-item__upload {\n    text-align: center;\n    padding: 24px;\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    color: color('text-secondary');\n    border-radius: 4px;\n    cursor: pointer;\n    border: 1px dashed transparent;\n    transition: all 250ms;\n\n    md-icon, span {\n        transition: color 250ms;\n    }\n\n    &:hover, &:focus, &.dragover {\n        border-color: color('accent');\n        background-color: lighten(color('accent'), 35%);\n        color: color('accent');\n\n        md-icon, span {\n            color: color('accent');\n        }\n    }\n}\n\n.view-notebook-item {\n    width: $layout-breakpoint-xs;\n}\n\n.view-notebook-item__content {\n}\n\n.notebook-item--report {\n    background-color: #ffffff;\n\n    .note-editor {\n        margin-bottom: 16px;\n        border-color: color('gray');\n    }\n}\n\n.notebook-item--report__container {\n    &.ui-scrollpoint {\n        .notebook-item--report__toolbar {\n            position: fixed;\n            top: ($wise-toolbar-height + $md-toolbar-height);\n            left: 0;\n            right: 0;\n            z-index: 1;\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                left: ($notebook-sidebar-width - 2);\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                padding: 0 24px;\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-sm) {\n                padding: 0 32px;\n            }\n\n            .note-toolbar {\n                margin: 0 16px;\n\n                @media only screen and (min-width: $layout-breakpoint-xs) {\n                    margin: 0 8px;\n                }\n\n                @media only screen and (min-width: $layout-breakpoint-sm) {\n                    margin: 0 16px;\n                }\n            }\n        }\n\n        .note-editor {\n            padding-top: 40px;\n        }\n    }\n}\n\n.notebook-item--report__toolbar {\n\n    .note-toolbar {\n        background-color: color('gray-light');\n        border: 1px solid color('gray');\n        margin-bottom: -2px;\n    }\n}\n\n.notebook-item--report__heading {\n    text-align: center;\n    margin-bottom: 32px;\n}\n\n.notebook-item--report__content {\n}\n\n.notebook-item--report__add-note {\n    font-weight: 700;\n}\n\n.notebook-item--report__note-img {\n    max-width: 100%;\n    height: auto !important;\n}\n\n.notebook-sidebar {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 400px;\n        max-width: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 500px;\n        max-width: none;\n    }\n}\n\n.notebook-items {\n    width: 100%;\n    overflow: auto;\n    margin-top: 16px;\n    margin-bottom: 76px;\n\n    .notebook-item {\n        width: 100%;\n    }\n\n    .notebook-item__content {\n        height: 200px;\n        min-width: 0;\n    }\n}\n\n.notebook-items--grading {\n    margin-bottom: 0;\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n    .notebook-enabled {\n        .md-fab-bottom-right, .md-fab-bottom-left {\n            bottom: ($wise-toolbar-height + 8) !important;\n        }\n    }\n}\n\n.notebook-grading {\n    background-color: #ffffff;\n    display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file

From 1caa0813835627dfc12e1385fb21151490b46c58 Mon Sep 17 00:00:00 2001
From: Geoffrey Kwan <geoffreykwan@gmail.com>
Date: Tue, 16 Feb 2021 12:37:44 -0500
Subject: [PATCH 04/36] Extracted the grading view from the Multiple Choice
 component. Also fixed student work timestamps in grading view. #2935

---
 .../src/app/teacher-hybrid-angular.module.ts  |   2 +
 src/main/webapp/site/src/messages.xlf         |  21 ++
 .../shared/component-grading.component.ts     |  13 +
 .../componentRevisionsInfo.ts                 |  14 +-
 .../workgroupComponentRevisions.ts            |  51 +++-
 .../workgroupNodeGrading.ts                   |  12 +-
 .../components/multipleChoice/index.html      | 285 ++++++------------
 .../multiple-choice-grading.component.html    |  52 ++++
 .../multiple-choice-grading.component.scss    |   9 +
 .../multiple-choice-grading.component.ts      |  89 ++++++
 .../multipleChoiceController.ts               |  17 +-
 .../multipleChoiceGradingComponentModule.ts   |  14 +
 .../multipleChoice/multipleChoiceService.ts   |  71 +++++
 .../teacher/teacher-angular-js-module.ts      |   2 +
 14 files changed, 439 insertions(+), 213 deletions(-)
 create mode 100644 src/main/webapp/wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.html
 create mode 100644 src/main/webapp/wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.scss
 create mode 100644 src/main/webapp/wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.ts
 create mode 100644 src/main/webapp/wise5/components/multipleChoice/multipleChoiceGradingComponentModule.ts

diff --git a/src/main/webapp/site/src/app/teacher-hybrid-angular.module.ts b/src/main/webapp/site/src/app/teacher-hybrid-angular.module.ts
index 5f22679942..4be8ee0f72 100644
--- a/src/main/webapp/site/src/app/teacher-hybrid-angular.module.ts
+++ b/src/main/webapp/site/src/app/teacher-hybrid-angular.module.ts
@@ -60,6 +60,7 @@ import { GraphAuthoring } from '../../../wise5/components/graph/graph-authoring/
 import { AudioOscillatorAuthoring } from '../../../wise5/components/audioOscillator/audio-oscillator-authoring/audio-oscillator-authoring.component';
 import { AnimationAuthoring } from '../../../wise5/components/animation/animation-authoring/animation-authoring.component';
 import { OpenResponseGrading } from '../../../wise5/components/openResponse/open-response-grading/open-response-grading.component';
+import { MultipleChoiceGrading } from '../../../wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component';
 
 @NgModule({
   declarations: [
@@ -92,6 +93,7 @@ import { OpenResponseGrading } from '../../../wise5/components/openResponse/open
     MilestonesComponent,
     MilestoneReportDataComponent,
     MultipleChoiceAuthoring,
+    MultipleChoiceGrading,
     NavItemProgressComponent,
     NodeAdvancedGeneralAuthoringComponent,
     NodeAdvancedJsonAuthoringComponent,
diff --git a/src/main/webapp/site/src/messages.xlf b/src/main/webapp/site/src/messages.xlf
index 4edea57b44..f8b06c3c82 100644
--- a/src/main/webapp/site/src/messages.xlf
+++ b/src/main/webapp/site/src/messages.xlf
@@ -8259,6 +8259,27 @@
           <context context-type="linenumber">90</context>
         </context-group>
       </trans-unit>
+      <trans-unit datatype="html" id="f80d8048e1a73a4f0c35681cc5f8a250754eaf4b">
+        <source> You have used <x equiv-text="{{componentState.studentData.submitCounter}}" id="INTERPOLATION"/> of <x equiv-text="{{componentContent.maxSubmitCount}}" id="INTERPOLATION_1"/> attempt(s) </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">../../wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.html</context>
+          <context context-type="linenumber">38</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit datatype="html" id="00a48b9fab48a5ccc0ebf0a2793495ee1cc9f968">
+        <source> Correct </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">../../wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.html</context>
+          <context context-type="linenumber">43</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit datatype="html" id="49a3371af0eb58f02e541105eb395340048527ec">
+        <source> Incorrect </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">../../wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.html</context>
+          <context context-type="linenumber">48</context>
+        </context-group>
+      </trans-unit>
       <trans-unit datatype="html" id="6817513ddcee06a7cb2a7b2708e5616b861db81c">
         <source><x equiv-text="{{nodeCompletion}}" id="INTERPOLATION"/>% completed (All periods)</source>
         <context-group purpose="location">
diff --git a/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/component-grading.component.ts b/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/component-grading.component.ts
index 7a1bd90e4b..f774a87fa8 100644
--- a/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/component-grading.component.ts
+++ b/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/component-grading.component.ts
@@ -1,4 +1,5 @@
 import { Directive, Input } from '@angular/core';
+import { ProjectService } from '../../../services/projectService';
 
 @Directive()
 export abstract class ComponentGrading {
@@ -10,4 +11,16 @@ export abstract class ComponentGrading {
 
   @Input()
   componentState: any;
+
+  componentContent: any;
+
+  constructor(protected ProjectService: ProjectService) {}
+
+  ngOnInit() {
+    this.componentState = JSON.parse(this.componentState);
+    this.componentContent = this.ProjectService.getComponentByNodeIdAndComponentId(
+      this.nodeId,
+      this.componentId
+    );
+  }
 }
diff --git a/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/componentRevisionsInfo/componentRevisionsInfo.ts b/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/componentRevisionsInfo/componentRevisionsInfo.ts
index a7cbc40186..ca49cff37b 100644
--- a/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/componentRevisionsInfo/componentRevisionsInfo.ts
+++ b/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/componentRevisionsInfo/componentRevisionsInfo.ts
@@ -15,6 +15,7 @@ class ComponentRevisionsInfoController {
   nodeId: string;
   periodId: number;
   runId: number;
+  fromWorkgroupId: number;
   toWorkgroupId: number;
   usernames: any;
 
@@ -61,8 +62,9 @@ class ComponentRevisionsInfoController {
 
     if (latest) {
       // calculate the save time of the latest component state
-      let serverSaveTime = Date.parse(latest.serverSaveTime);
-      this.latestComponentStateTime = this.ConfigService.convertToClientTimestamp(serverSaveTime);
+      this.latestComponentStateTime = this.ConfigService.convertToClientTimestamp(
+        latest.serverSaveTime
+      );
 
       // check if the latest component state is a submit
       this.latestComponentStateIsSubmit = latest.isSubmit;
@@ -71,6 +73,7 @@ class ComponentRevisionsInfoController {
 
   showRevisions($event) {
     let workgroupId = this.toWorkgroupId;
+    let fromWorkgroupId = this.fromWorkgroupId;
     let componentId = this.componentId;
     let nodeId = this.nodeId;
     let usernames = this.usernames;
@@ -91,6 +94,8 @@ class ComponentRevisionsInfoController {
                         <div class="md-dialog-content gray-lighter-bg">
                             <workgroup-component-revisions component-states="componentStates"
                                                            node-id="{{ nodeId }}"
+                                                           component-id="{{ componentId }}"
+                                                           from-workgroup-id="{{ fromWorkgroupId }}"
                                                            workgroup-id="{{ workgroupId }}"></workgroup-component-revisions>
                         </div>
                     </md-dialog-content>
@@ -100,6 +105,7 @@ class ComponentRevisionsInfoController {
                 </md-dialog>`,
       locals: {
         workgroupId: workgroupId,
+        fromWorkgroupId: fromWorkgroupId,
         componentId: componentId,
         nodeId: nodeId,
         usernames: usernames,
@@ -111,12 +117,14 @@ class ComponentRevisionsInfoController {
       $scope,
       $mdDialog,
       workgroupId,
+      fromWorkgroupId,
       componentId,
       nodeId,
       usernames,
       componentStates
     ) {
       $scope.workgroupId = workgroupId;
+      $scope.fromWorkgroupId = fromWorkgroupId;
       $scope.componentId = componentId;
       $scope.nodeId = nodeId;
       $scope.usernames = usernames;
@@ -129,6 +137,7 @@ class ComponentRevisionsInfoController {
       '$scope',
       '$mdDialog',
       'workgroupId',
+      'fromWorkgroupId',
       'componentId',
       'nodeId',
       'usernames',
@@ -143,6 +152,7 @@ const ComponentRevisionsInfo = {
     componentId: '<',
     componentState: '<',
     nodeId: '<',
+    fromWorkgroupId: '<',
     toWorkgroupId: '<'
   },
   template: `<div class="component__actions__info component--grading__actions__info md-caption">
diff --git a/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupComponentRevisions/workgroupComponentRevisions.ts b/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupComponentRevisions/workgroupComponentRevisions.ts
index e6ae4239e4..f42d909900 100644
--- a/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupComponentRevisions/workgroupComponentRevisions.ts
+++ b/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupComponentRevisions/workgroupComponentRevisions.ts
@@ -141,7 +141,9 @@ const WorkgroupComponentRevisions = {
   bindings: {
     componentStates: '<',
     nodeId: '@',
-    workgroupId: '@'
+    componentId: '@',
+    workgroupId: '@',
+    fromWorkgroupId: '@'
   },
   template: `<md-list class="component-revisions">
             <div ng-repeat="item in $ctrl.data | toArray | orderBy: '-clientSaveTime'"
@@ -154,10 +156,49 @@ const WorkgroupComponentRevisions = {
                             #{{$ctrl.total - $index}}
                             <span ng-if="$first"> (Latest)</span>
                         </h3>
-                        <div>
-                            <component component-state="{{ item.componentState }}"
-                                       workgroup-id="::$ctrl.workgroupId"
-                                       mode="gradingRevision">
+                        <div style="padding: 20px;">
+                            <ng-content ng-switch="item.componentState.componentType">
+                              <div ng-switch-when="MultipleChoice|OpenResponse" ng-switch-when-separator="|" class="component__content" layout="row" layout-wrap>
+                                  <div flex="100" flex-gt-sm="66" layout="column" class="component--grading__response">
+                                      <multiple-choice-grading
+                                          ng-if="item.componentState.componentType === 'MultipleChoice'"
+                                          node-id="{{::$ctrl.nodeId}}"
+                                          component-id="{{::$ctrl.componentId}}"
+                                          component-state="{{ item.componentState }}"
+                                          workgroup-id="::$ctrl.workgroupId">
+                                      </multiple-choice-grading>
+                                      <open-response-grading
+                                          ng-if="item.componentState.componentType === 'OpenResponse'"
+                                          node-id="{{::$ctrl.nodeId}}"
+                                          component-id="{{::$ctrl.componentId}}"
+                                          component-state="{{ item.componentState }}"
+                                          workgroup-id="::$ctrl.workgroupId">
+                                      </open-response-grading>
+                                      <component-revisions-info
+                                          node-id="::$ctrl.nodeId"
+                                          component-id="::$ctrl.componentId"
+                                          to-workgroup-id="::$ctrl.workgroupId"
+                                          component-state="item.componentState"
+                                          active='false'>
+                                      </component-revisions-info>
+                                  </div>
+                                  <div flex="100" flex-gt-sm="33" class="component--grading__annotations">
+                                    <component-grading node-id="::$ctrl.nodeId"
+                                        component-id="::$ctrl.componentId"
+                                        max-score="componentContent.maxScore"
+                                        from-workgroup-id="::$ctrl.fromWorkgroupId"
+                                        to-workgroup-id="$ctrl.workgroupId"
+                                        component-state-id="item.componentState.id"
+                                        show-all-annotations="true"
+                                        is-disabled="true">
+                                    </component-grading>
+                                  </div>
+                              </div>
+                              <component ng-switch-default
+                                         component-state="{{ item.componentState }}"
+                                         workgroup-id="::$ctrl.workgroupId"
+                                         mode="gradingRevision">
+                            </ng-content>
                         </div>
                     </div>
                 </md-list-item>
diff --git a/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupNodeGrading/workgroupNodeGrading.ts b/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupNodeGrading/workgroupNodeGrading.ts
index b1aa78c5b8..d504956db4 100644
--- a/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupNodeGrading/workgroupNodeGrading.ts
+++ b/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupNodeGrading/workgroupNodeGrading.ts
@@ -138,9 +138,16 @@ const WorkgroupNodeGrading = {
                     </h3>
                     <ng-content ng-switch="::component.type">
                       {{latestComponentState = $ctrl.getLatestComponentStateByWorkgroupIdAndComponentId($ctrl.workgroupId, component.id); ""}}
-                      <div ng-switch-when="OpenResponse" class="component__content" layout="row" layout-wrap>
+                      <div ng-switch-when="MultipleChoice|OpenResponse" ng-switch-when-separator="|" class="component__content" layout="row" layout-wrap>
                         <div flex="100" flex-gt-sm="66" layout="column" class="component--grading__response">
+                          <multiple-choice-grading
+                              ng-if="component.type === 'MultipleChoice'"
+                              node-id="{{::$ctrl.nodeId}}"
+                              component-id="{{::component.id}}"
+                              component-state="{{latestComponentState}}">
+                          </multiple-choice-grading>
                           <open-response-grading
+                              ng-if="component.type === 'OpenResponse'"
                               node-id="{{::$ctrl.nodeId}}"
                               component-id="{{::component.id}}"
                               component-state="{{latestComponentState}}">
@@ -148,6 +155,7 @@ const WorkgroupNodeGrading = {
                           <span flex></span>
                           <component-revisions-info node-id="::$ctrl.nodeId"
                               component-id="::component.id"
+                              from-workgroup-id="::$ctrl.teacherWorkgroupId"
                               to-workgroup-id="::$ctrl.workgroupId"
                               component-state="latestComponentState"
                               active='true'>
@@ -158,7 +166,7 @@ const WorkgroupNodeGrading = {
                               component-id="::component.id"
                               max-score="componentContent.maxScore"
                               from-workgroup-id="::$ctrl.teacherWorkgroupId"
-                              to-workgroup-id="$ctrl.workgroupId"
+                              to-workgroup-id="::$ctrl.workgroupId"
                               component-state-id="latestComponentState.id"
                               show-all-annotations="false"
                               is-disabled="false">
diff --git a/src/main/webapp/wise5/components/multipleChoice/index.html b/src/main/webapp/wise5/components/multipleChoice/index.html
index 174ed85e2d..7298c4a5f7 100644
--- a/src/main/webapp/wise5/components/multipleChoice/index.html
+++ b/src/main/webapp/wise5/components/multipleChoice/index.html
@@ -1,197 +1,102 @@
 <div ng-controller='MultipleChoiceController as multipleChoiceController' flex>
-  <div>
-    <div ng-switch='::multipleChoiceController.mode'>
-      <div ng-switch-when='grading|gradingRevision'
-          ng-switch-when-separator='|'
-          layout='row'
-          layout-wrap>
-        <div flex='100'
-            flex-gt-sm='66'
-            layout='column'
-            class='component--grading__response'>
-          <div class='component--grading__response__content'>
-            <md-input-container ng-if='multipleChoiceController.$scope.componentState'
-                class='input-container md-block input-container--open-response input-container--component md-no-float'
-                ng-switch on='::multipleChoiceController.getChoiceType()'>
-              <md-radio-group ng-switch-when='radio'
-                  ng-model='multipleChoiceController.studentChoices'>
-                <div ng-repeat='choice in ::multipleChoiceController.getChoices() track by choice.id'>
-                  <md-radio-button class='md-primary'
-                      ng-value='::choice.id'
-                      disabled>
-                    <span>
-                      <compile data='::choice.text'></compile>
-                    </span>
-                    <span ng-if='::multipleChoiceController.showFeedback && choice.showFeedback'
-                        ng-class='::{"success": multipleChoiceController.hasCorrectChoices() && choice.isCorrect, "warn": multipleChoiceController.hasCorrectChoices() && !choice.isCorrect, "info": !multipleChoiceController.hasCorrectChoices()}'>
-                        {{::choice.feedbackToShow}}
-                    </span>
-                  </md-radio-button>
-                </div>
-              </md-radio-group>
-              <div ng-switch-when='checkbox'>
-                <div ng-repeat='choice in ::multipleChoiceController.getChoices() track by choice.id'>
-                  <md-checkbox class='md-primary'
-                      aria-label='::choice.text'
-                      ng-checked='multipleChoiceController.isChecked(choice.id)'
-                      disabled>
-                    <span>
-                      <compile data='::choice.text'></compile>
-                    </span>
-                    <span ng-if='::choice.showFeedback'
-                        ng-class='::{"success": multipleChoiceController.hasCorrectChoices() && choice.isCorrect, "warn": multipleChoiceController.hasCorrectChoices() && !choice.isCorrect, "info": !multipleChoiceController.hasCorrectChoices()}'>
-                        {{::choice.feedbackToShow}}
-                    </span>
-                  </md-checkbox>
-                </div>
-              </div>
-              <div class='md-caption'
-                  ng-if='::multipleChoiceController.componentHasCorrectAnswer && multipleChoiceController.componentContent.maxSubmitCount != null && multipleChoiceController.componentContent.maxSubmitCount == 1'
-                  translate='YOU_HAVE_USED_X_OF_Y_ATTEMPT'
-                  translate-values='{x: multipleChoiceController.submitCounter, y: multipleChoiceController.componentContent.maxSubmitCount}'>
-              </div>
-              <div class='md-caption'
-                  ng-if='::multipleChoiceController.componentHasCorrectAnswer && multipleChoiceController.componentContent.maxSubmitCount != null && multipleChoiceController.componentContent.maxSubmitCount > 1'
-                  translate='YOU_HAVE_USED_X_OF_Y_ATTEMPTS'
-                  translate-values='{x: multipleChoiceController.submitCounter, y: multipleChoiceController.componentContent.maxSubmitCount}'>
-              </div>
-              <div ng-if='!multipleChoiceController.isLatestComponentStateSubmit || !multipleChoiceController.componentHasCorrectAnswer || !multipleChoiceController.showFeedback'>
-                &nbsp
-              </div>
-              <div ng-if='::multipleChoiceController.componentHasCorrectAnswer && multipleChoiceController.isLatestComponentStateSubmit && multipleChoiceController.showFeedback && multipleChoiceController.isCorrect != null && multipleChoiceController.isCorrect'
-                  style='color: green'>
-                {{ ::'CORRECT' | translate }}!
-              </div>
-              <div ng-if='::multipleChoiceController.componentHasCorrectAnswer && multipleChoiceController.isLatestComponentStateSubmit && multipleChoiceController.showFeedback && multipleChoiceController.isCorrect != null && !multipleChoiceController.isCorrect'
-                  style='color: red'>
-                {{ ::'INCORRECT' | translate }}
-              </div>
-            </md-input-container>
-          </div>
-          <span flex></span>
-          <component-revisions-info node-id='multipleChoiceController.nodeId'
-              component-id='multipleChoiceController.componentId'
-              to-workgroup-id='workgroupId'
-              component-state='componentState'
-              active='::multipleChoiceController.mode === "grading"'>
-          </component-revisions-info>
-        </div>
-        <div flex='100'
-            flex-gt-sm='33'
-            class='component--grading__annotations'>
-          <component-grading node-id='::multipleChoiceController.nodeId'
-              component-id='::multipleChoiceController.componentId'
-              max-score='::multipleChoiceController.componentContent.maxScore'
-              from-workgroup-id='teacherWorkgroupId'
-              to-workgroup-id='workgroupId'
-              component-state-id='componentState.id'
-              show-all-annotations='::multipleChoiceController.mode !== "grading"'
-              is-disabled='::multipleChoiceController.mode !== "grading"'>
-          </component-grading>
-        </div>
+  <md-input-container class='input-container md-block input-container--open-response input-container--component md-no-float'
+      ng-switch on='::multipleChoiceController.getChoiceType()'>
+    <label class='input-label md-no-float'
+        ng-if='::multipleChoiceController.isPromptVisible'>
+      <compile id='prompt' data='::multipleChoiceController.getPrompt()'></compile>
+    </label>
+    <possible-score [max-score]='multipleChoiceController.componentContent.maxScore'></possible-score>
+    <md-radio-group ng-switch-when='radio'
+        ng-model='multipleChoiceController.studentChoices'
+        ng-change='multipleChoiceController.studentDataChanged()'>
+      <div ng-repeat='choice in ::multipleChoiceController.getChoices() track by choice.id'>
+        <md-radio-button class='md-primary'
+            aria-label='::choice.text'
+            ng-value='::choice.id'
+            ng-click='multipleChoiceController.radioChoiceSelected(choice.id)'
+            ng-disabled='multipleChoiceController.isDisabled'>
+          <span>
+            <compile data='::choice.text'></compile>
+          </span>
+          <span ng-if='multipleChoiceController.showFeedback && choice.showFeedback'
+              ng-class='::{"success": multipleChoiceController.hasCorrectChoices() && choice.isCorrect, "warn": multipleChoiceController.hasCorrectChoices() && !choice.isCorrect, "info": !multipleChoiceController.hasCorrectChoices()}'>
+              {{::choice.feedbackToShow}}
+          </span>
+        </md-radio-button>
       </div>
-      <div ng-switch-default>
-        <md-input-container class='input-container md-block input-container--open-response input-container--component md-no-float'
-            ng-switch on='::multipleChoiceController.getChoiceType()'>
-          <label class='input-label md-no-float'
-              ng-if='::multipleChoiceController.isPromptVisible'>
-            <compile id='prompt' data='::multipleChoiceController.getPrompt()'></compile>
-          </label>
-          <possible-score [max-score]='multipleChoiceController.componentContent.maxScore'></possible-score>
-          <md-radio-group ng-switch-when='radio'
-              ng-model='multipleChoiceController.studentChoices'
-              ng-change='multipleChoiceController.studentDataChanged()'>
-            <div ng-repeat='choice in ::multipleChoiceController.getChoices() track by choice.id'>
-              <md-radio-button class='md-primary'
-                  aria-label='::choice.text'
-                  ng-value='::choice.id'
-                  ng-click='multipleChoiceController.radioChoiceSelected(choice.id)'
-                  ng-disabled='multipleChoiceController.isDisabled'>
-                <span>
-                  <compile data='::choice.text'></compile>
-                </span>
-                <span ng-if='multipleChoiceController.showFeedback && choice.showFeedback'
-                    ng-class='::{"success": multipleChoiceController.hasCorrectChoices() && choice.isCorrect, "warn": multipleChoiceController.hasCorrectChoices() && !choice.isCorrect, "info": !multipleChoiceController.hasCorrectChoices()}'>
-                    {{::choice.feedbackToShow}}
-                </span>
-              </md-radio-button>
-            </div>
-          </md-radio-group>
-          <div ng-switch-when='checkbox'>
-            <div ng-repeat='choice in ::multipleChoiceController.getChoices() track by choice.id'>
-              <md-checkbox class='md-primary'
-                  aria-label='::choice.text'
-                  ng-checked='multipleChoiceController.isChecked(choice.id)'
-                  ng-click='multipleChoiceController.toggleSelection(choice.id)'
-                  ng-disabled='multipleChoiceController.isDisabled'>
-                <span>
-                  <compile data='::choice.text'></compile>
-                </span>
-                <span ng-if='choice.showFeedback'
-                    ng-class='::{"success": multipleChoiceController.hasCorrectChoices() && choice.isCorrect, "warn": multipleChoiceController.hasCorrectChoices() && !choice.isCorrect, "info": !multipleChoiceController.hasCorrectChoices()}'>
-                    {{::choice.feedbackToShow}}
-                </span>
-              </md-checkbox>
-            </div>
-          </div>
-          <div class='md-caption'
-              ng-if='::multipleChoiceController.componentHasCorrectAnswer && multipleChoiceController.componentContent.maxSubmitCount != null && multipleChoiceController.componentContent.maxSubmitCount == 1'
-              translate='YOU_HAVE_USED_X_OF_Y_ATTEMPT'
-              translate-values='{x: multipleChoiceController.submitCounter, y: multipleChoiceController.componentContent.maxSubmitCount}'>
-          </div>
-          <div class='md-caption'
-              ng-if='::multipleChoiceController.componentHasCorrectAnswer && multipleChoiceController.componentContent.maxSubmitCount != null && multipleChoiceController.componentContent.maxSubmitCount > 1'
-              translate='YOU_HAVE_USED_X_OF_Y_ATTEMPTS'
-              translate-values='{x: multipleChoiceController.submitCounter, y: multipleChoiceController.componentContent.maxSubmitCount}'>
-          </div>
-          <div ng-if='!multipleChoiceController.isLatestComponentStateSubmit || !multipleChoiceController.componentHasCorrectAnswer || !multipleChoiceController.showFeedback'>
-            &nbsp
-          </div>
-          <div ng-if='multipleChoiceController.componentHasCorrectAnswer && multipleChoiceController.isLatestComponentStateSubmit && multipleChoiceController.showFeedback && multipleChoiceController.isCorrect != null && multipleChoiceController.isCorrect'
-              style='color: green'>
-            {{ ::'CORRECT' | translate }}!
-          </div>
-          <div ng-if='multipleChoiceController.componentHasCorrectAnswer && multipleChoiceController.isLatestComponentStateSubmit && multipleChoiceController.showFeedback && multipleChoiceController.isCorrect != null && !multipleChoiceController.isCorrect'
-              style='color: red'>
-            {{ ::'INCORRECT' | translate }}
-          </div>
-        </md-input-container>
-        <div ng-if='::multipleChoiceController.isSaveOrSubmitButtonVisible()'
-            class='component__actions'
-            layout='row'
-            layout-align='start center'>
-          <md-button id='saveButton'
-              class='md-raised md-primary'
-              ng-click='multipleChoiceController.saveButtonClicked()'
-              ng-disabled='multipleChoiceController.isDisabled || !multipleChoiceController.isDirty'
-              ng-if='::multipleChoiceController.isSaveButtonVisible'
-              aria-label='Save'
-              translate='SAVE'>
-          </md-button>
-          <md-button id='submitButton'
-              class='md-raised md-primary'
-              ng-click='multipleChoiceController.submitButtonClicked()'
-              ng-disabled='multipleChoiceController.isSubmitButtonDisabled || multipleChoiceController.isDisabled || !multipleChoiceController.isSubmitDirty'
-              ng-if='::multipleChoiceController.isSubmitButtonVisible'
-              aria-label='Submit'
-              translate='SUBMIT'>
-          </md-button>
-          <span ng-if='multipleChoiceController.saveMessage.text'
-              class='component__actions__info md-caption'>
-              {{ multipleChoiceController.saveMessage.text}}
-              <span class='component__actions__more'>
-                <md-tooltip md-direction='top'>
-                  {{ multipleChoiceController.saveMessage.time | amDateFormat:'ddd, MMM D YYYY, h:mm a' }}
-                </md-tooltip>
-                <span am-time-ago='multipleChoiceController.saveMessage.time'></span>
-              </span>
+    </md-radio-group>
+    <div ng-switch-when='checkbox'>
+      <div ng-repeat='choice in ::multipleChoiceController.getChoices() track by choice.id'>
+        <md-checkbox class='md-primary'
+            aria-label='::choice.text'
+            ng-checked='multipleChoiceController.isChecked(choice.id)'
+            ng-click='multipleChoiceController.toggleSelection(choice.id)'
+            ng-disabled='multipleChoiceController.isDisabled'>
+          <span>
+            <compile data='::choice.text'></compile>
           </span>
-        </div>
-        <component-annotations ng-if='::multipleChoiceController.mode === "student"'
-            [annotations]='multipleChoiceController.latestAnnotations'
-            [max-score]='multipleChoiceController.componentContent.maxScore'>
-        </component-annotations>
+          <span ng-if='choice.showFeedback'
+              ng-class='::{"success": multipleChoiceController.hasCorrectChoices() && choice.isCorrect, "warn": multipleChoiceController.hasCorrectChoices() && !choice.isCorrect, "info": !multipleChoiceController.hasCorrectChoices()}'>
+              {{::choice.feedbackToShow}}
+          </span>
+        </md-checkbox>
       </div>
     </div>
+    <div class='md-caption'
+        ng-if='::multipleChoiceController.componentHasCorrectAnswer && multipleChoiceController.componentContent.maxSubmitCount != null && multipleChoiceController.componentContent.maxSubmitCount == 1'
+        translate='YOU_HAVE_USED_X_OF_Y_ATTEMPT'
+        translate-values='{x: multipleChoiceController.submitCounter, y: multipleChoiceController.componentContent.maxSubmitCount}'>
+    </div>
+    <div class='md-caption'
+        ng-if='::multipleChoiceController.componentHasCorrectAnswer && multipleChoiceController.componentContent.maxSubmitCount != null && multipleChoiceController.componentContent.maxSubmitCount > 1'
+        translate='YOU_HAVE_USED_X_OF_Y_ATTEMPTS'
+        translate-values='{x: multipleChoiceController.submitCounter, y: multipleChoiceController.componentContent.maxSubmitCount}'>
+    </div>
+    <div ng-if='!multipleChoiceController.isLatestComponentStateSubmit || !multipleChoiceController.componentHasCorrectAnswer || !multipleChoiceController.showFeedback'>
+      &nbsp
+    </div>
+    <div ng-if='multipleChoiceController.componentHasCorrectAnswer && multipleChoiceController.isLatestComponentStateSubmit && multipleChoiceController.showFeedback && multipleChoiceController.isCorrect != null && multipleChoiceController.isCorrect'
+        style='color: green'>
+      {{ ::'CORRECT' | translate }}!
+    </div>
+    <div ng-if='multipleChoiceController.componentHasCorrectAnswer && multipleChoiceController.isLatestComponentStateSubmit && multipleChoiceController.showFeedback && multipleChoiceController.isCorrect != null && !multipleChoiceController.isCorrect'
+        style='color: red'>
+      {{ ::'INCORRECT' | translate }}
+    </div>
+  </md-input-container>
+  <div ng-if='::multipleChoiceController.isSaveOrSubmitButtonVisible()'
+      class='component__actions'
+      layout='row'
+      layout-align='start center'>
+    <md-button id='saveButton'
+        class='md-raised md-primary'
+        ng-click='multipleChoiceController.saveButtonClicked()'
+        ng-disabled='multipleChoiceController.isDisabled || !multipleChoiceController.isDirty'
+        ng-if='::multipleChoiceController.isSaveButtonVisible'
+        aria-label='Save'
+        translate='SAVE'>
+    </md-button>
+    <md-button id='submitButton'
+        class='md-raised md-primary'
+        ng-click='multipleChoiceController.submitButtonClicked()'
+        ng-disabled='multipleChoiceController.isSubmitButtonDisabled || multipleChoiceController.isDisabled || !multipleChoiceController.isSubmitDirty'
+        ng-if='::multipleChoiceController.isSubmitButtonVisible'
+        aria-label='Submit'
+        translate='SUBMIT'>
+    </md-button>
+    <span ng-if='multipleChoiceController.saveMessage.text'
+        class='component__actions__info md-caption'>
+        {{ multipleChoiceController.saveMessage.text}}
+        <span class='component__actions__more'>
+          <md-tooltip md-direction='top'>
+            {{ multipleChoiceController.saveMessage.time | amDateFormat:'ddd, MMM D YYYY, h:mm a' }}
+          </md-tooltip>
+          <span am-time-ago='multipleChoiceController.saveMessage.time'></span>
+        </span>
+    </span>
   </div>
+  <component-annotations
+      [annotations]='multipleChoiceController.latestAnnotations'
+      [max-score]='multipleChoiceController.componentContent.maxScore'>
+  </component-annotations>
 </div>
diff --git a/src/main/webapp/wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.html b/src/main/webapp/wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.html
new file mode 100644
index 0000000000..e0186aa567
--- /dev/null
+++ b/src/main/webapp/wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.html
@@ -0,0 +1,52 @@
+<div class="component--grading__response__content">
+  <div *ngIf="componentState"
+      class="md-block input-container--open-response input-container--component md-no-float"
+      [ngSwitch]="componentContent.choiceType">
+    <div *ngSwitchCase="'radio'" class="choices">
+      <mat-radio-group [(ngModel)]="studentChoiceId">
+        <div *ngFor="let choice of choices" class="choice">
+          <mat-radio-button
+              color="primary"
+              [value]="choice.id"
+              [disabled]="true">
+            <span [innerHTML]="choice.text">
+            </span>
+            <span *ngIf="componentState.isSubmit && showFeedback && choice.feedback !== '' && choice.id === studentChoiceId"
+                [ngClass]="{'success': hasCorrectAnswer && choice.isCorrect, 'warn': hasCorrectAnswer && !choice.isCorrect, 'info': !hasCorrectAnswer}">
+                {{choice.feedback}}
+            </span>
+          </mat-radio-button>
+        </div>
+      </mat-radio-group>
+    </div>
+    <div *ngSwitchCase="'checkbox'" class="choices">
+      <div *ngFor="let choice of choices" class="choice">
+        <mat-checkbox
+            color="primary"
+            aria-label="choice.text"
+            [(ngModel)]="choice.isSelected"
+            [disabled]="true">
+          <span [innerHTML]="choice.text">
+          </span>
+          <span *ngIf="componentState.isSubmit && showFeedback && choice.isSelected"
+              [ngClass]="{'success': hasCorrectAnswer && choice.isCorrect, 'warn': hasCorrectAnswer && !choice.isCorrect, 'info': !hasCorrectAnswer}">
+              {{choice.feedback}}
+          </span>
+        </mat-checkbox>
+      </div>
+    </div>
+    <div *ngIf="componentContent.maxSubmitCount != null" i18n>
+      You have used {{componentState.studentData.submitCounter}} of {{componentContent.maxSubmitCount}} attempt(s)
+    </div>
+    <div *ngIf="hasCorrectAnswer && isStudentAnswerCorrect"
+        class="success"
+        i18n>
+      Correct
+    </div>
+    <div *ngIf="hasCorrectAnswer && !isStudentAnswerCorrect"
+        class="warn"
+        i18n>
+      Incorrect
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/src/main/webapp/wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.scss b/src/main/webapp/wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.scss
new file mode 100644
index 0000000000..c73cc25351
--- /dev/null
+++ b/src/main/webapp/wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.scss
@@ -0,0 +1,9 @@
+
+.choices {
+  margin-bottom: 20px;
+}
+
+.choice {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
\ No newline at end of file
diff --git a/src/main/webapp/wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.ts b/src/main/webapp/wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.ts
new file mode 100644
index 0000000000..458a7a220c
--- /dev/null
+++ b/src/main/webapp/wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.ts
@@ -0,0 +1,89 @@
+import { Component } from '@angular/core';
+import { ComponentGrading } from '../../../classroomMonitor/classroomMonitorComponents/shared/component-grading.component';
+import { ProjectService } from '../../../services/projectService';
+import { UtilService } from '../../../services/utilService';
+import { MultipleChoiceService } from '../multipleChoiceService';
+
+@Component({
+  selector: 'multiple-choice-grading',
+  templateUrl: 'multiple-choice-grading.component.html',
+  styleUrls: ['multiple-choice-grading.component.scss']
+})
+export class MultipleChoiceGrading extends ComponentGrading {
+  studentChoiceId: string = '';
+  choices: any[] = [];
+  showFeedback: boolean = false;
+  hasCorrectAnswer: boolean = false;
+  isStudentAnswerCorrect: boolean = false;
+
+  constructor(
+    private MultipleChoiceService: MultipleChoiceService,
+    protected ProjectService: ProjectService,
+    private UtilService: UtilService
+  ) {
+    super(ProjectService);
+  }
+
+  ngOnInit(): void {
+    super.ngOnInit();
+    if (this.MultipleChoiceService.isRadio(this.componentContent)) {
+      const studentChoiceIds = this.getChoiceIds(this.componentState.studentData.studentChoices);
+      this.studentChoiceId = studentChoiceIds[0];
+    }
+    this.choices = this.processChoices(
+      this.UtilService.makeCopyOfJSONObject(this.componentContent.choices),
+      this.componentState.studentData.studentChoices
+    );
+    this.showFeedback = this.componentContent.showFeedback;
+    this.hasCorrectAnswer = this.calculateHasCorrectAnswer(this.componentContent);
+    if (this.hasCorrectAnswer) {
+      if (this.componentState.studentData.isCorrect == null) {
+        // If the student clicks save it will not calculate isCorrect. We only calculate isCorrect
+        // if the student clicks submit. Here we will calculate isCorrect for the teacher to see.
+        this.isStudentAnswerCorrect = this.MultipleChoiceService.calculateIsCorrect(
+          this.componentContent,
+          this.componentState
+        );
+      } else {
+        this.isStudentAnswerCorrect = this.componentState.studentData.isCorrect;
+      }
+    }
+  }
+
+  getChoiceIds(choices: any[]): string[] {
+    const choiceIds: string[] = [];
+    for (const choice of choices) {
+      choiceIds.push(choice.id);
+    }
+    return choiceIds;
+  }
+
+  processChoices(choices: any[], studentChoices: any[]): any[] {
+    const studentChoiceIdsMap = this.getChoicesIdsStudentChose(studentChoices);
+    for (const choice of choices) {
+      if (studentChoiceIdsMap[choice.id]) {
+        choice.isSelected = true;
+      } else {
+        choice.isSelected = false;
+      }
+    }
+    return choices;
+  }
+
+  getChoicesIdsStudentChose(studentChoices: any[]): any {
+    const studentChoiceIds = {};
+    for (const studentChoice of studentChoices) {
+      studentChoiceIds[studentChoice.id] = true;
+    }
+    return studentChoiceIds;
+  }
+
+  calculateHasCorrectAnswer(componentContent: any): boolean {
+    for (const choice of componentContent.choices) {
+      if (choice.isCorrect) {
+        return true;
+      }
+    }
+    return false;
+  }
+}
diff --git a/src/main/webapp/wise5/components/multipleChoice/multipleChoiceController.ts b/src/main/webapp/wise5/components/multipleChoice/multipleChoiceController.ts
index 5bb6a2301d..05352e21a2 100644
--- a/src/main/webapp/wise5/components/multipleChoice/multipleChoiceController.ts
+++ b/src/main/webapp/wise5/components/multipleChoice/multipleChoiceController.ts
@@ -82,20 +82,9 @@ class MultipleChoiceController extends ComponentController {
     // whether the latest component state was a submit
     this.isLatestComponentStateSubmit = false;
 
-    if (this.mode === 'student') {
-      this.isPromptVisible = true;
-      this.isSaveButtonVisible = this.componentContent.showSaveButton;
-      this.isSubmitButtonVisible = this.componentContent.showSubmitButton;
-    } else if (this.mode === 'grading' || this.mode === 'gradingRevision') {
-      this.isSaveButtonVisible = false;
-      this.isSubmitButtonVisible = false;
-      this.isDisabled = true;
-    } else if (this.mode === 'showPreviousWork') {
-      this.isPromptVisible = true;
-      this.isSaveButtonVisible = false;
-      this.isSubmitButtonVisible = false;
-      this.isDisabled = true;
-    }
+    this.isPromptVisible = true;
+    this.isSaveButtonVisible = this.componentContent.showSaveButton;
+    this.isSubmitButtonVisible = this.componentContent.showSubmitButton;
 
     // check if there is a correct answer
     this.componentHasCorrectAnswer = this.hasCorrectChoices();
diff --git a/src/main/webapp/wise5/components/multipleChoice/multipleChoiceGradingComponentModule.ts b/src/main/webapp/wise5/components/multipleChoice/multipleChoiceGradingComponentModule.ts
new file mode 100644
index 0000000000..124d57aa06
--- /dev/null
+++ b/src/main/webapp/wise5/components/multipleChoice/multipleChoiceGradingComponentModule.ts
@@ -0,0 +1,14 @@
+'use strict';
+
+import * as angular from 'angular';
+import { downgradeComponent } from '@angular/upgrade/static';
+import { MultipleChoiceGrading } from './multiple-choice-grading/multiple-choice-grading.component';
+
+const multipleChoiceGradingComponentModule = angular
+  .module('multipleChoiceGradingComponentModule', ['pascalprecht.translate'])
+  .directive(
+    'multipleChoiceGrading',
+    downgradeComponent({ component: MultipleChoiceGrading }) as angular.IDirectiveFactory
+  );
+
+export default multipleChoiceGradingComponentModule;
diff --git a/src/main/webapp/wise5/components/multipleChoice/multipleChoiceService.ts b/src/main/webapp/wise5/components/multipleChoice/multipleChoiceService.ts
index 49d7e847cc..1b380a5e57 100644
--- a/src/main/webapp/wise5/components/multipleChoice/multipleChoiceService.ts
+++ b/src/main/webapp/wise5/components/multipleChoice/multipleChoiceService.ts
@@ -159,4 +159,75 @@ export class MultipleChoiceService extends ComponentService {
     }
     return false;
   }
+
+  calculateIsCorrect(componentContent: any, componentState: any): boolean {
+    if (this.isRadio(componentContent)) {
+      return this.isRadioCorrect(componentContent, componentState);
+    } else if (this.isCheckbox(componentContent)) {
+      return this.isCheckboxCorrect(componentContent, componentState);
+    }
+  }
+
+  isRadio(componentContent: any): boolean {
+    return componentContent.choiceType === 'radio';
+  }
+
+  isCheckbox(componentContent: any): boolean {
+    return componentContent.choiceType === 'checkbox';
+  }
+
+  isRadioCorrect(componentContent: any, componentState: any): boolean {
+    const correctChoiceId = this.getCorrectChoiceIdForRadio(componentContent);
+    return componentState.studentData.studentChoices[0].id === correctChoiceId;
+  }
+
+  getCorrectChoiceIdForRadio(componentContent: any): string {
+    for (const choice of componentContent.choices) {
+      if (choice.isCorrect) {
+        return choice.id;
+      }
+    }
+    return null;
+  }
+
+  isCheckboxCorrect(componentContent: any, componentState: any): boolean {
+    const correctChoiceIds = this.getCorrectChoiceIdsForCheckbox(componentContent);
+    const choiceIdsStudentChose = this.getChoicesIdsStudentChose(
+      componentState.studentData.studentChoices
+    );
+    return this.isChoiceIdsSame(correctChoiceIds, choiceIdsStudentChose);
+  }
+
+  getCorrectChoiceIdsForCheckbox(componentContent: any): string[] {
+    const correctChoiceIds: string[] = [];
+    for (const choice of componentContent.choices) {
+      if (choice.isCorrect) {
+        correctChoiceIds.push(choice.id);
+      }
+    }
+    return correctChoiceIds;
+  }
+
+  getChoicesIdsStudentChose(studentChoices: any[]): any {
+    const studentChoiceIds: string[] = [];
+    for (const studentChoice of studentChoices) {
+      studentChoiceIds.push(studentChoice.id);
+    }
+    return studentChoiceIds;
+  }
+
+  isChoiceIdsSame(choiceIds1: string[], choiceIds2: string[]): boolean {
+    if (choiceIds1.length !== choiceIds2.length) {
+      return false;
+    } else {
+      choiceIds1.sort();
+      choiceIds2.sort();
+      for (let choiceIdIndex = 0; choiceIdIndex < choiceIds1.length; choiceIdIndex++) {
+        if (choiceIds1[choiceIdIndex] !== choiceIds2[choiceIdIndex]) {
+          return false;
+        }
+      }
+      return true;
+    }
+  }
 }
diff --git a/src/main/webapp/wise5/teacher/teacher-angular-js-module.ts b/src/main/webapp/wise5/teacher/teacher-angular-js-module.ts
index 32056d291f..2ce270c0da 100644
--- a/src/main/webapp/wise5/teacher/teacher-angular-js-module.ts
+++ b/src/main/webapp/wise5/teacher/teacher-angular-js-module.ts
@@ -59,6 +59,7 @@ import '../authoringTool/importStep/importStepModule';
 import '../components/label/labelAuthoringComponentModule';
 import '../components/match/matchAuthoringComponentModule';
 import '../components/multipleChoice/multipleChoiceAuthoringComponentModule';
+import '../components/multipleChoice/multipleChoiceGradingComponentModule';
 import '../components/openResponse/openResponseAuthoringComponentModule';
 import '../components/openResponse/openResponseGradingComponentModule';
 import '../components/outsideURL/outsideURLAuthoringComponentModule';
@@ -87,6 +88,7 @@ angular
     'labelAuthoringComponentModule',
     'matchAuthoringComponentModule',
     'multipleChoiceAuthoringComponentModule',
+    'multipleChoiceGradingComponentModule',
     'ngAnimate',
     'ngFileSaver',
     'openResponseAuthoringComponentModule',

From a9d67f00f1ea78e6dedc1b7ad29e7a95ab6d77ee Mon Sep 17 00:00:00 2001
From: Hiroki Terashima <honchikun@gmail.com>
Date: Tue, 16 Feb 2021 10:44:51 -0800
Subject: [PATCH 05/36] Cleaned up code related to MC grading. #2935

---
 .../componentRevisionsInfo/componentRevisionsInfo.ts      | 3 ---
 .../multiple-choice-grading.component.ts                  | 8 +++-----
 .../components/multipleChoice/multipleChoiceService.ts    | 6 +++---
 3 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/componentRevisionsInfo/componentRevisionsInfo.ts b/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/componentRevisionsInfo/componentRevisionsInfo.ts
index ca49cff37b..5f799002db 100644
--- a/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/componentRevisionsInfo/componentRevisionsInfo.ts
+++ b/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/componentRevisionsInfo/componentRevisionsInfo.ts
@@ -61,12 +61,9 @@ class ComponentRevisionsInfoController {
     }
 
     if (latest) {
-      // calculate the save time of the latest component state
       this.latestComponentStateTime = this.ConfigService.convertToClientTimestamp(
         latest.serverSaveTime
       );
-
-      // check if the latest component state is a submit
       this.latestComponentStateIsSubmit = latest.isSubmit;
     }
   }
diff --git a/src/main/webapp/wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.ts b/src/main/webapp/wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.ts
index 458a7a220c..33c0e18121 100644
--- a/src/main/webapp/wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.ts
+++ b/src/main/webapp/wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.ts
@@ -51,11 +51,9 @@ export class MultipleChoiceGrading extends ComponentGrading {
   }
 
   getChoiceIds(choices: any[]): string[] {
-    const choiceIds: string[] = [];
-    for (const choice of choices) {
-      choiceIds.push(choice.id);
-    }
-    return choiceIds;
+    return choices.map((choice) => {
+      return choice.id;
+    });
   }
 
   processChoices(choices: any[], studentChoices: any[]): any[] {
diff --git a/src/main/webapp/wise5/components/multipleChoice/multipleChoiceService.ts b/src/main/webapp/wise5/components/multipleChoice/multipleChoiceService.ts
index 1b380a5e57..4acbf40e9a 100644
--- a/src/main/webapp/wise5/components/multipleChoice/multipleChoiceService.ts
+++ b/src/main/webapp/wise5/components/multipleChoice/multipleChoiceService.ts
@@ -208,7 +208,7 @@ export class MultipleChoiceService extends ComponentService {
     return correctChoiceIds;
   }
 
-  getChoicesIdsStudentChose(studentChoices: any[]): any {
+  getChoicesIdsStudentChose(studentChoices: any[]): string[] {
     const studentChoiceIds: string[] = [];
     for (const studentChoice of studentChoices) {
       studentChoiceIds.push(studentChoice.id);
@@ -222,8 +222,8 @@ export class MultipleChoiceService extends ComponentService {
     } else {
       choiceIds1.sort();
       choiceIds2.sort();
-      for (let choiceIdIndex = 0; choiceIdIndex < choiceIds1.length; choiceIdIndex++) {
-        if (choiceIds1[choiceIdIndex] !== choiceIds2[choiceIdIndex]) {
+      for (let i = 0; i < choiceIds1.length; i++) {
+        if (choiceIds1[i] !== choiceIds2[i]) {
           return false;
         }
       }

From 53a3e4bde7157b93476fbaefb766d5c65e3b2d00 Mon Sep 17 00:00:00 2001
From: breity <breity10@gmail.com>
Date: Tue, 16 Feb 2021 11:08:58 -0800
Subject: [PATCH 06/36] Fix ComponentAnnotations avatar spacing and color.
 #2929

---
 .../component-annotations.component.html                    | 6 +++---
 .../component-annotations.component.scss                    | 4 ++++
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/main/webapp/wise5/directives/componentAnnotations/component-annotations.component.html b/src/main/webapp/wise5/directives/componentAnnotations/component-annotations.component.html
index 9d2c55671d..4c7ecdce57 100644
--- a/src/main/webapp/wise5/directives/componentAnnotations/component-annotations.component.html
+++ b/src/main/webapp/wise5/directives/componentAnnotations/component-annotations.component.html
@@ -1,15 +1,15 @@
 <mat-card class="annotations"
          *ngIf="(showScore && annotations.score) || (showComment && annotations.comment)">
     <mat-card-title class="annotations__header">
-        <div class="annotations__avatar md-avatar avatar--icon avatar--square md-36 avatar md-whiteframe-1dp">
+        <div class="annotations__avatar md-avatar avatar--icon avatar--square md-36 avatar accent-bg md-whiteframe-1dp">
             <mat-icon class="annotations__icon md-36">{{icon}}</mat-icon>
         </div>
         <div class="annotations__title" fxLayout="row" flex>
             <span>{{label}}</span>
-            <span *ngIf="isNewAnnotation()" class="badge annotations__status animate-fade" i18n>New</span>
+            <span *ngIf="isNewAnnotation()" class="badge annotations__status" i18n>New</span>
         </div>
     </mat-card-title>
-    <mat-card-content class="annotations__body md-body-1">
+    <mat-card-content class="annotations__body mat-body-1">
         <div *ngIf="showComment && annotations.comment.data.value" [innerHTML]="annotations.comment.data.value"></div>
         <hr *ngIf="annotations.comment" />
         <div fxLayout="row" fxLayoutAlign="start center">
diff --git a/src/main/webapp/wise5/directives/componentAnnotations/component-annotations.component.scss b/src/main/webapp/wise5/directives/componentAnnotations/component-annotations.component.scss
index 7bb5ef784a..1edff32086 100644
--- a/src/main/webapp/wise5/directives/componentAnnotations/component-annotations.component.scss
+++ b/src/main/webapp/wise5/directives/componentAnnotations/component-annotations.component.scss
@@ -5,3 +5,7 @@ mat-card.annotations {
 .annotations__title {
   font-size: 15px;
 }
+
+.avatar .mat-icon {
+  margin: 0;
+}
\ No newline at end of file

From 815837fa6762914fc24d822e9c0162c5b09e2ac8 Mon Sep 17 00:00:00 2001
From: Geoffrey Kwan <geoffreykwan@gmail.com>
Date: Tue, 16 Feb 2021 14:57:44 -0500
Subject: [PATCH 07/36] Fixed a problem with Match advanced authoring options
 not showing up. #2937

---
 .../edit-match-advanced.component.html             | 14 +++++++-------
 .../edit-match-advanced.component.ts               |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/main/webapp/wise5/components/match/edit-match-advanced/edit-match-advanced.component.html b/src/main/webapp/wise5/components/match/edit-match-advanced/edit-match-advanced.component.html
index a5df0e6be5..83741d7b64 100644
--- a/src/main/webapp/wise5/components/match/edit-match-advanced/edit-match-advanced.component.html
+++ b/src/main/webapp/wise5/components/match/edit-match-advanced/edit-match-advanced.component.html
@@ -15,24 +15,24 @@
   </div>
   <div>
     <md-checkbox class='md-primary'
-                 ng-model='$ctrl.authoringComponentContent.showSaveButton'
+                 ng-if='$ctrl.isNotebookEnabled()'
+                 ng-model='$ctrl.authoringComponentContent.importPrivateNotes'
                  ng-change='$ctrl.componentChanged()'>
-      {{ ::'SHOW_SAVE_BUTTON' | translate }}
+      {{ ::'match.showPrivateNotesAsChoices' | translate }}
     </md-checkbox>
   </div>
   <div>
     <md-checkbox class='md-primary'
-                 ng-model='$ctrl.authoringComponentContent.showSubmitButton'
+                 ng-model='$ctrl.authoringComponentContent.showSaveButton'
                  ng-change='$ctrl.componentChanged()'>
-      {{ ::'SHOW_SUBMIT_BUTTON' | translate }}
+      {{ ::'SHOW_SAVE_BUTTON' | translate }}
     </md-checkbox>
   </div>
   <div>
     <md-checkbox class='md-primary'
-                 ng-if='$ctrl.isNotebookEnabled()'
-                 ng-model='$ctrl.authoringComponentContent.importPrivateNotes'
+                 ng-model='$ctrl.authoringComponentContent.showSubmitButton'
                  ng-change='$ctrl.componentChanged()'>
-      {{ ::'match.showPrivateNotesAsChoices' | translate }}
+      {{ ::'SHOW_SUBMIT_BUTTON' | translate }}
     </md-checkbox>
   </div>
   <div>
diff --git a/src/main/webapp/wise5/components/match/edit-match-advanced/edit-match-advanced.component.ts b/src/main/webapp/wise5/components/match/edit-match-advanced/edit-match-advanced.component.ts
index cbb51a76c4..df306e5eb4 100644
--- a/src/main/webapp/wise5/components/match/edit-match-advanced/edit-match-advanced.component.ts
+++ b/src/main/webapp/wise5/components/match/edit-match-advanced/edit-match-advanced.component.ts
@@ -27,5 +27,5 @@ export const EditMatchAdvancedComponent = {
     componentId: '@'
   },
   controller: EditMatchAdvancedController,
-  templateUrl: 'wise5/components/label/edit-label-advanced/edit-label-advanced.component.html'
+  templateUrl: 'wise5/components/match/edit-match-advanced/edit-match-advanced.component.html'
 };

From b9d60fc7ac847d54e141902f8e3413835c865ca4 Mon Sep 17 00:00:00 2001
From: Geoffrey Kwan <geoffreykwan@gmail.com>
Date: Tue, 16 Feb 2021 16:49:07 -0500
Subject: [PATCH 08/36] Add some tests to multipleChoiceService.

---
 .../services/multipleChoiceService.spec.ts    | 68 ++++++++++++++++++-
 .../multipleChoice/multipleChoiceService.ts   |  6 +-
 2 files changed, 67 insertions(+), 7 deletions(-)

diff --git a/src/main/webapp/site/src/app/services/multipleChoiceService.spec.ts b/src/main/webapp/site/src/app/services/multipleChoiceService.spec.ts
index a952d88d06..b5cdc1e9da 100644
--- a/src/main/webapp/site/src/app/services/multipleChoiceService.spec.ts
+++ b/src/main/webapp/site/src/app/services/multipleChoiceService.spec.ts
@@ -18,8 +18,10 @@ let choiceId2: string = 'bbbbbbbbbb';
 let choiceId3: string = 'cccccccccc';
 let choiceText1: string = 'Apple';
 let choiceText2: string = 'Banana';
+let choiceText3: string = 'Cherry';
 let choice1: any;
 let choice2: any;
+let choice3: any;
 let nodeId1: string = 'node1';
 let componentId1: string = 'abcdefghij';
 
@@ -43,6 +45,7 @@ describe('MultipleChoiceService', () => {
     studentDataService = TestBed.get(StudentDataService);
     choice1 = createChoice(choiceId1, choiceText1, '', false);
     choice2 = createChoice(choiceId2, choiceText2, '', false);
+    choice3 = createChoice(choiceId3, choiceText3, '', false);
   });
   createComponent();
   choiceChosen();
@@ -52,6 +55,9 @@ describe('MultipleChoiceService', () => {
   getStudentDataString();
   componentStateHasStudentWork();
   componentHasCorrectAnswer();
+  isRadioCorrect();
+  isCheckboxCorrect();
+  isChoiceIdsSame();
 });
 
 function createComponent() {
@@ -83,7 +89,7 @@ function createComponentState(studentChoices: any[], isSubmit: boolean = false)
   };
 }
 
-function createMultipleChoiceComponent(choices: any[]) {
+function createComponentContent(choices: any[]) {
   return {
     choices: choices
   };
@@ -251,7 +257,7 @@ function componentStateHasStudentWork() {
 
 function componentHasCorrectAnswer() {
   function expectComponentHasCorrectAnswer(expectedResult: boolean) {
-    const component = createMultipleChoiceComponent([
+    const component = createComponentContent([
       createChoice(choiceId1, choiceText1, '', expectedResult)
     ]);
     expect(service.componentHasCorrectAnswer(component)).toEqual(expectedResult);
@@ -263,3 +269,61 @@ function componentHasCorrectAnswer() {
     expectComponentHasCorrectAnswer(true);
   });
 }
+
+function isRadioCorrect() {
+  let componentContent: any;
+  beforeEach(() => {
+    componentContent = createComponentContent([createChoice(choiceId1, choiceText1, '', true)]);
+  });
+  function expectIsRadioCorrect(chosenChoices: any[], expectedResult: boolean): void {
+    const componentState = createComponentState(chosenChoices, true);
+    expect(service.isRadioCorrect(componentContent, componentState)).toBe(expectedResult);
+  }
+  it('should check if a radio component state is correct when it is not correct', () => {
+    expectIsRadioCorrect([choice2], false);
+  });
+  it('should check if a radio component state is correct when it is correct', () => {
+    expectIsRadioCorrect([choice1], true);
+  });
+}
+
+function isCheckboxCorrect() {
+  let componentContent: any;
+  beforeEach(() => {
+    componentContent = createComponentContent([
+      createChoice(choiceId1, choiceText1, '', true),
+      createChoice(choiceId2, choiceText2, '', true)
+    ]);
+  });
+  function expectIsCheckboxCorrect(chosenChoices: any[], expectedResult: boolean): void {
+    const componentState = createComponentState(chosenChoices, true);
+    expect(service.isCheckboxCorrect(componentContent, componentState)).toBe(expectedResult);
+  }
+  it('should check if a checkbox component state is correct when it is not correct', () => {
+    expectIsCheckboxCorrect([choice1, choice2, choice3], false);
+  });
+  it('should check if a checkbox component state is correct when it is correct', () => {
+    expectIsCheckboxCorrect([choice1, choice2], true);
+  });
+}
+
+function isChoiceIdsSame() {
+  function expectChoiceIdsSame(
+    choiceIds1: string[],
+    choiceIds2: string[],
+    expectedResult: boolean
+  ): void {
+    expect(service.isChoiceIdsSame(choiceIds1, choiceIds2)).toEqual(expectedResult);
+  }
+  it('should check if choice ids are the same when they are not the same', () => {
+    expectChoiceIdsSame([choiceId1], [choiceId2], false);
+  });
+  it(`should check if choice ids are the same when there are different numbers of choice
+      ids`, () => {
+    expectChoiceIdsSame([choiceId1, choiceId2], [choiceId1], false);
+  });
+  it(`should check if choice ids are the same when they are the same but in different
+      order`, () => {
+    expectChoiceIdsSame([choiceId1, choiceId2], [choiceId2, choiceId1], true);
+  });
+}
diff --git a/src/main/webapp/wise5/components/multipleChoice/multipleChoiceService.ts b/src/main/webapp/wise5/components/multipleChoice/multipleChoiceService.ts
index 4acbf40e9a..2da8cd7b6d 100644
--- a/src/main/webapp/wise5/components/multipleChoice/multipleChoiceService.ts
+++ b/src/main/webapp/wise5/components/multipleChoice/multipleChoiceService.ts
@@ -209,11 +209,7 @@ export class MultipleChoiceService extends ComponentService {
   }
 
   getChoicesIdsStudentChose(studentChoices: any[]): string[] {
-    const studentChoiceIds: string[] = [];
-    for (const studentChoice of studentChoices) {
-      studentChoiceIds.push(studentChoice.id);
-    }
-    return studentChoiceIds;
+    return studentChoices.map((studentChoice) => studentChoice.id);
   }
 
   isChoiceIdsSame(choiceIds1: string[], choiceIds2: string[]): boolean {

From 34b3b5946eb8f062b91d7f5fb4a9eec34d110662 Mon Sep 17 00:00:00 2001
From: breity <breity10@gmail.com>
Date: Wed, 10 Feb 2021 10:42:21 -0800
Subject: [PATCH 09/36] Removed NotebookLauncher's dependency on Notebook
 component, simplified. #2827

---
 .../notebook-launcher.component.html          |  14 +-
 .../notebook-launcher.component.spec.ts       |  50 --
 .../notebook-launcher.component.ts            |  48 +-
 .../notebook/notebook/notebook.component.html |   6 -
 src/main/webapp/site/src/style/styles.scss    |   8 +-
 .../webapp/wise5/services/notebookService.ts  |  23 +-
 .../wise5/themes/default/style/author.css     |   2 +-
 .../wise5/themes/default/style/author.css.map |   2 +-
 .../default/style/modules/_notebook.scss      | 473 +++++++++---------
 .../wise5/themes/default/style/monitor.css    |   2 +-
 .../themes/default/style/monitor.css.map      |   2 +-
 .../webapp/wise5/themes/default/style/vle.css |   2 +-
 .../wise5/themes/default/style/vle.css.map    |   2 +-
 src/main/webapp/wise5/themes/default/vle.html |  10 +-
 src/main/webapp/wise5/vle/vleController.ts    |  32 +-
 15 files changed, 304 insertions(+), 372 deletions(-)
 delete mode 100644 src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.spec.ts

diff --git a/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.html b/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.html
index fe7c306fcf..5335a38cea 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.html
+++ b/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.html
@@ -1,10 +1,8 @@
-<button *ngIf="isShowButton()" mat-button
-    class="md-scale md-fab md-fab-bottom-right notebook-launcher"
-    aria-label="{{ fabLabel() }}"
-    matTooltip="{{ fabLabel() }}"
+<button *ngIf="notebookConfig.itemTypes.note.enabled"
+    mat-fab color="accent"
+    [attr.aria-label]="label"
+    [matTooltip]="label"
     matTooltipPosition="above"
-    i18n-matToolip
-    (click)="fabAction($event)">
-  <mat-icon *ngIf="!notesVisible">{{ config.icon }}</mat-icon>
-  <mat-icon *ngIf="notesVisible">add</mat-icon>
+    (click)="showNotes()">
+  <mat-icon>{{ notebookConfig.icon }}</mat-icon>
 </button>
diff --git a/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.spec.ts b/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.spec.ts
deleted file mode 100644
index 0bcabc9fc2..0000000000
--- a/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.spec.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { TestBed } from "@angular/core/testing";
-import { configureTestSuite } from "ng-bullet";
-import { NotebookLauncherComponent } from "./notebook-launcher.component";
-
-let component: NotebookLauncherComponent;
-
-describe('NotebookLauncherComponent', () => {
-  configureTestSuite(() => {
-    TestBed.configureTestingModule({
-      declarations: [ NotebookLauncherComponent ]
-    });
-  });
-
-  beforeEach(() => {
-    const fixture = TestBed.createComponent(NotebookLauncherComponent);
-    component = fixture.componentInstance;
-    component.config = createConfig();
-  });
-
-  isShowButton();
-});
-
-function createConfig() {
-  return {
-    itemTypes: {
-      note: {
-        enableAddNote: true
-      }
-    }
-  };
-}
-
-function isShowButton() {
-  it('should check if we should show the button when notes are not visible', () => {
-    component.notesVisible = false;
-    expect(component.isShowButton()).toEqual(true);
-  });
-  it('should check if we should show the button when notes are visible and add note is enabled',
-      () => {
-    component.notesVisible = true;
-    component.config.itemTypes.note.enableAddNote = true;
-    expect(component.isShowButton()).toEqual(true);
-  });
-  it('should check if we should show the button when notes are visible and add note is not enabled',
-      () => {
-    component.notesVisible = true;
-    component.config.itemTypes.note.enableAddNote = false;
-    expect(component.isShowButton()).toEqual(false);
-  });
-}
diff --git a/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.ts b/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.ts
index 2a80a88f38..97472f52c1 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.ts
@@ -1,55 +1,23 @@
-import { Component, EventEmitter, Input, Output } from "@angular/core";
+import { Component, Input } from '@angular/core';
+import { NotebookService } from '../../../../../wise5/services/notebookService';
 
 @Component({
   selector: 'notebook-launcher',
   templateUrl: 'notebook-launcher.component.html'
 })
 export class NotebookLauncherComponent {
-
-  @Input()
-  config: any;
-
   @Input()
-  noteCount: number;
+  notebookConfig: any;
 
-  @Input()
-  notesVisible: boolean;
-
-  @Output()
-  onOpen: EventEmitter<any> = new EventEmitter();
+  label: string = '';
 
-  translationData: any;
-  isOpen: boolean;
+  constructor(private NotebookService: NotebookService) {}
 
   ngOnInit(): void {
-    this.translationData = {
-      noteLabel: this.config.itemTypes.note.label.singular
-    }
-  }
-
-  fabAction($event: any): void {
-    if (this.notesVisible) {
-      this.open($event, 'new');
-    } else {
-      this.open($event, 'note');
-    }
-  }
-
-  open($event: any, target: any): void {
-    $event.stopPropagation();
-    this.onOpen.emit({value: target, event: $event});
-    this.isOpen = false;
-  }
-
-  fabLabel(): string {
-    if (this.notesVisible) {
-      return $localize`Add ${ this.config.itemTypes.note.label.singular }`;
-    } else {
-      return this.config.label;
-    }
+    this.label = this.notebookConfig.itemTypes.note.label.link;
   }
 
-  isShowButton(): boolean {
-    return !this.notesVisible || this.config.itemTypes.note.enableAddNote;
+  showNotes(): void {
+    this.NotebookService.setNotesVisible(true);
   }
 }
diff --git a/src/main/webapp/site/src/app/notebook/notebook/notebook.component.html b/src/main/webapp/site/src/app/notebook/notebook/notebook.component.html
index 80188518ee..b6a95e0905 100644
--- a/src/main/webapp/site/src/app/notebook/notebook/notebook.component.html
+++ b/src/main/webapp/site/src/app/notebook/notebook/notebook.component.html
@@ -1,11 +1,5 @@
 <ng-container *ngIf="config.enabled" [ngClass]="{'notes-visible': notesVisible}">
     <div class="notebook-overlay"></div>
-    <notebook-launcher *ngIf="config.itemTypes.note.enabled"
-        [config]="config"
-        [noteCount]="notebook.items.length"
-        [notesVisible]="notesVisible"
-        (onOpen)="open($event)">
-    </notebook-launcher>
     <notebook-report *ngIf="config.itemTypes.report.enabled"
         [mode]="mode"
         [insertContent]="insertContent"
diff --git a/src/main/webapp/site/src/style/styles.scss b/src/main/webapp/site/src/style/styles.scss
index 03bb9fef28..16b219d156 100644
--- a/src/main/webapp/site/src/style/styles.scss
+++ b/src/main/webapp/site/src/style/styles.scss
@@ -72,10 +72,6 @@
   @include theme-setup($default-theme, $default-colors);
 }
 
-.dark-theme {
-  @include theme-setup($dark-theme, $dark-colors);
-}
-
 .author-theme {
   @include theme-setup($author-theme, $author-colors);
 }
@@ -83,3 +79,7 @@
 .monitor-theme {
   @include theme-setup($monitor-theme, $monitor-colors);
 }
+
+.dark-theme {
+  @include theme-setup($dark-theme, $dark-colors);
+}
diff --git a/src/main/webapp/wise5/services/notebookService.ts b/src/main/webapp/wise5/services/notebookService.ts
index 7b84a85de9..e1ab8db5d7 100644
--- a/src/main/webapp/wise5/services/notebookService.ts
+++ b/src/main/webapp/wise5/services/notebookService.ts
@@ -12,11 +12,10 @@ import { Subject } from 'rxjs';
 
 @Injectable()
 export class NotebookService {
-  // TODO: i18n
-  // TODO: allow wise instance to set defaults, enabled/disabled for each type in wise config?
+  // TODO: allow wise instance to set defaults in wise config?
   config = {
     enabled: false,
-    label: 'Notebook',
+    label: $localize`Notebook`,
     icon: 'book',
     enableAddNew: true,
     addIcon: 'note_add',
@@ -29,9 +28,9 @@ export class NotebookService {
         enableStudentUploads: true,
         type: 'note',
         label: {
-          singular: 'note',
-          plural: 'notes',
-          link: 'Manage Notes',
+          singular: $localize`note`,
+          plural: $localize`notes`,
+          link: $localize`Manage Notes`,
           icon: 'note',
           color: '#1565C0'
         }
@@ -41,9 +40,9 @@ export class NotebookService {
         enableLink: true,
         type: 'report',
         label: {
-          singular: 'report',
-          plural: 'reports',
-          link: 'Report',
+          singular: $localize`report`,
+          plural: $localize`reports`,
+          link: $localize`Report`,
           icon: 'assignment',
           color: '#AD1457'
         },
@@ -73,6 +72,8 @@ export class NotebookService {
   public publicNotebookItemsRetrieved$ = this.publicNotebookItemsRetrievedSource.asObservable();
   private showReportAnnotationsSource: Subject<any> = new Subject<any>();
   public showReportAnnotations$ = this.showReportAnnotationsSource.asObservable();
+  private notesVisibleSource: Subject<boolean> = new Subject<boolean>();
+  public notesVisible$ = this.notesVisibleSource.asObservable();
 
   constructor(
     private upgrade: UpgradeModule,
@@ -626,4 +627,8 @@ export class NotebookService {
   broadcastShowReportAnnotations() {
     this.showReportAnnotationsSource.next();
   }
+
+  setNotesVisible(value: boolean): void {
+    this.notesVisibleSource.next(value);
+  }
 }
diff --git a/src/main/webapp/wise5/themes/default/style/author.css b/src/main/webapp/wise5/themes/default/style/author.css
index 78a562b52d..730f6f3008 100644
--- a/src/main/webapp/wise5/themes/default/style/author.css
+++ b/src/main/webapp/wise5/themes/default/style/author.css
@@ -1,2 +1,2 @@
-body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#7e57c2}blockquote{background-color:#fff;padding:8px;margin:16px 0;border:solid #7e57c2;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#7e57c2;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#7e57c2!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#fff}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#7e57c2;background-color:#fff}.primary{color:#7e57c2}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#fff}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#7e57c2}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#fff}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#7e57c2}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#fff}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav{background-color:#eee!important}.l-node{margin-top:42px;padding:0}@media only screen and (min-width:600px){.l-node{padding:0 0 16px;background-color:#eee!important}}@media only screen and (min-width:960px){.l-node{padding:0 0 32px}}.l-notebook{margin-top:42px;background-color:#eee!important}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#7e57c2}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#7e57c2}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#fff}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#7e57c2}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #7e57c2;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}@media only screen and (min-width:600px){.notebook-launcher.md-button.md-fab{z-index:61}}@media only screen and (min-width:960px){.notes-visible .notebook-report-container{right:516px;transition:right .25s}}.notebook-menu{transition:opacity .5s}.notebook-menu.ng-enter{opacity:0}.notebook-menu .ng-enter-active{opacity:1;transition-delay:.25s}.notebook-menu.ng-hide,.notebook-menu.ng-hide-add,.notebook-menu.ng-hide-add-active,.notebook-menu.ng-hide-remove,.notebook-menu.ng-hide-remove-active,.notebook-menu.ng-leave-active{opacity:0}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.view-notebook-item{width:600px}.notebook-item--report{background-color:#fff}.notebook-item--report .note-editor{margin-bottom:16px;border-color:#ccc}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{position:fixed;top:94px;left:0;right:0;z-index:1}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{left:54px;padding:0 24px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{padding:0 32px}}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 8px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}}.notebook-item--report__container.ui-scrollpoint .note-editor{padding-top:40px}.notebook-item--report__toolbar .note-toolbar{background-color:#ddd;border:1px solid #ccc;margin-bottom:-2px}.notebook-item--report__heading{text-align:center;margin-bottom:32px}.notebook-item--report__add-note{font-weight:700}.notebook-item--report__note-img{max-width:100%;height:auto!important}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}.notebook-items{width:100%;overflow:auto;margin-top:16px;margin-bottom:76px}.notebook-items .notebook-item{width:100%}.notebook-items .notebook-item__content{height:200px;min-width:0}.notebook-items--grading{margin-bottom:0}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#7e57c2}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#7e57c2}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
+body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#7e57c2}blockquote{background-color:#fff;padding:8px;margin:16px 0;border:solid #7e57c2;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#7e57c2;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#7e57c2!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#fff}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#7e57c2;background-color:#fff}.primary{color:#7e57c2}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#fff}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#7e57c2}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#fff}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#7e57c2}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#fff}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav{background-color:#eee!important}.l-node{margin-top:42px;padding:0}@media only screen and (min-width:600px){.l-node{padding:0 0 16px;background-color:#eee!important}}@media only screen and (min-width:960px){.l-node{padding:0 0 32px}}.l-notebook{margin-top:42px;background-color:#eee!important}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#7e57c2}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#7e57c2}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#fff}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#7e57c2}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #7e57c2;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}notebook-launcher{position:absolute;bottom:24px;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}@media only screen and (min-width:960px){.notes-visible .notebook-report-container{right:516px;transition:right .25s}}.notebook-menu{transition:opacity .5s}.notebook-menu.ng-enter{opacity:0}.notebook-menu .ng-enter-active{opacity:1;transition-delay:.25s}.notebook-menu.ng-hide,.notebook-menu.ng-hide-add,.notebook-menu.ng-hide-add-active,.notebook-menu.ng-hide-remove,.notebook-menu.ng-hide-remove-active,.notebook-menu.ng-leave-active{opacity:0}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.view-notebook-item{width:600px}.notebook-item--report{background-color:#fff}.notebook-item--report .note-editor{margin-bottom:16px;border-color:#ccc}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{position:fixed;top:94px;left:0;right:0;z-index:1}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{left:54px;padding:0 24px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{padding:0 32px}}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 8px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}}.notebook-item--report__container.ui-scrollpoint .note-editor{padding-top:40px}.notebook-item--report__toolbar .note-toolbar{background-color:#ddd;border:1px solid #ccc;margin-bottom:-2px}.notebook-item--report__heading{text-align:center;margin-bottom:32px}.notebook-item--report__add-note{font-weight:700}.notebook-item--report__note-img{max-width:100%;height:auto!important}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}.notebook-items{width:100%;overflow:auto;padding-top:16px;padding-bottom:76px}.notebook-items .notebook-item{width:100%}.notebook-items .notebook-item__content{height:200px;min-width:0}.notebook-items--grading{margin-bottom:0}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#7e57c2}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#7e57c2}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
 /*# sourceMappingURL=author.css.map */
diff --git a/src/main/webapp/wise5/themes/default/style/author.css.map b/src/main/webapp/wise5/themes/default/style/author.css.map
index 6e898a7a92..4e21f12c25 100644
--- a/src/main/webapp/wise5/themes/default/style/author.css.map
+++ b/src/main/webapp/wise5/themes/default/style/author.css.map
@@ -1 +1 @@
-{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config--author.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/author.css","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-node.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,qBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBEQoB,CFPpB,eAAgB,CAChB,cGlC8B,CHmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBExDsB,CF4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,qBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,qBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,UCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,qBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"author.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Authoring Tool Colors\n$_primary-color: #7e57c2; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 56%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: map-merge($color, $body-color);\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #7e57c2; }\n\nblockquote {\n  background-color: white;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #7e57c2;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #7e57c2;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #7e57c2 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: white; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #7e57c2;\n  background-color: white; }\n\n.primary {\n  color: #7e57c2; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: white; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #7e57c2; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: white; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #7e57c2; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: white; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-node {\n  margin-top: 42px;\n  padding: 0; }\n  @media only screen and (min-width: 600px) {\n    .l-node {\n      padding: 0 0 16px;\n      background-color: #eeeeee !important; } }\n  @media only screen and (min-width: 960px) {\n    .l-node {\n      padding: 0 0 32px; } }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #7e57c2; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #7e57c2; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: white;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #7e57c2; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #7e57c2;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-launcher.md-button.md-fab {\n    z-index: 61; } }\n\n@media only screen and (min-width: 960px) {\n  .notes-visible .notebook-report-container {\n    right: 516px;\n    transition: right 250ms; } }\n\n.notebook-menu {\n  transition: opacity 500ms; }\n  .notebook-menu.ng-enter {\n    opacity: 0; }\n  .notebook-menu .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .notebook-menu.ng-leave-active, .notebook-menu.ng-hide {\n    opacity: 0; }\n  .notebook-menu.ng-hide-add, .notebook-menu.ng-hide-add-active, .notebook-menu.ng-hide-remove, .notebook-menu.ng-hide-remove-active {\n    opacity: 0; }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.view-notebook-item {\n  width: 600px; }\n\n.notebook-item--report {\n  background-color: #ffffff; }\n  .notebook-item--report .note-editor {\n    margin-bottom: 16px;\n    border-color: #cccccc; }\n\n.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n  position: fixed;\n  top: 94px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      left: 54px; } }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 24px; } }\n  @media only screen and (min-width: 960px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 32px; } }\n  .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n    margin: 0 16px; }\n    @media only screen and (min-width: 600px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 8px; } }\n    @media only screen and (min-width: 960px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 16px; } }\n\n.notebook-item--report__container.ui-scrollpoint .note-editor {\n  padding-top: 40px; }\n\n.notebook-item--report__toolbar .note-toolbar {\n  background-color: #dddddd;\n  border: 1px solid #cccccc;\n  margin-bottom: -2px; }\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px; }\n\n.notebook-item--report__add-note {\n  font-weight: 700; }\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n.notebook-items {\n  width: 100%;\n  overflow: auto;\n  margin-top: 16px;\n  margin-bottom: 76px; }\n  .notebook-items .notebook-item {\n    width: 100%; }\n  .notebook-items .notebook-item__content {\n    height: 200px;\n    min-width: 0; }\n\n.notebook-items--grading {\n  margin-bottom: 0; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #7e57c2; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #7e57c2; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-node {\n  margin-top: $wise-toolbar-height;\n  padding: 0;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    padding: 0 0 16px;\n    background-color: color('body-bg') !important;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 0 0 32px;\n  }\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 56px;\n\n// Base\n.notebook-launcher {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        &.md-button.md-fab {\n            z-index: 61;\n        }\n    }\n}\n\n.notes-visible {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        .notebook-report-container {\n            right: 516px;\n            transition: right 250ms;\n        }\n    }\n}\n\n.notebook-menu {\n    transition: opacity 500ms;\n\n    &.ng-enter {\n        opacity: 0;\n    }\n\n    .ng-enter-active {\n        opacity: 1;\n        transition-delay: 250ms;\n    }\n\n    &.ng-leave-active, &.ng-hide {\n        opacity: 0;\n    }\n\n    &.ng-hide-add, &.ng-hide-add-active,\n    &.ng-hide-remove, &.ng-hide-remove-active {\n        opacity: 0;\n    }\n}\n\n.notebook-item {\n    transition: box-shadow 250ms;\n    margin: 0 16px 16px;\n    display: block;\n}\n\n.notebook-item__content {\n    height: 250px;\n    min-width: 230px;\n    position: relative;\n    padding: 0;\n    background-color: color('gray');\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n    position: absolute;\n    left: 0;\n    right: 0;\n}\n\n.notebook-item__content__attachment {\n    background-repeat: no-repeat !important;\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    background-position: center top !important;\n    background-size: cover !important;\n    top: 0;\n    bottom: 0;\n}\n\n.notebook-item__content__text {\n    bottom: 0;\n    padding: 8px;\n    font-weight: 500;\n    overflow: hidden;\n    max-height: 120px;\n    min-height: 56px;\n    background-color: rgba(255,255,255,0.95);\n    border-top: 1px solid color('gray-lighter');\n\n    &:after {\n        content: \"\";\n        text-align: right;\n        position: absolute;\n        bottom: 0;\n        right: 0;\n        width: 100%;\n        height: 0.8em;\n        background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n    }\n}\n\n.notebook-item__content--text-only {\n    &:after {\n        content: \"note\";\n        font-family: 'Material Icons';\n        font-weight: normal;\n        font-style: normal;\n        display: inline-block;\n        line-height: 1;\n        text-transform: none;\n        letter-spacing: normal;\n        word-wrap: normal;\n        white-space: nowrap;\n        direction: ltr;\n\n        /* Support for all WebKit browsers. */\n        -webkit-font-smoothing: antialiased;\n        /* Support for Safari and Chrome. */\n        text-rendering: optimizeLegibility;\n\n        /* Support for Firefox. */\n        -moz-osx-font-smoothing: grayscale;\n\n        /* Support for IE. */\n        font-feature-settings: 'liga';\n        //position: absolute;\n        font-size: 80px;\n        color: color('text-disabled');\n    }\n}\n\n.notebook-item--question__content--text-only {\n    content: \"live_help\";\n}\n\n.notebook-item__content__location {\n    opacity: 0.9;\n    padding: 8px 0;\n\n    md-icon {\n        font-size: 22px;\n    }\n}\n\n.notebook-item__edit {\n    cursor: pointer;\n}\n\n.notebook-item__actions {\n    margin: 0;\n    padding: 0 8px;\n    color: #ffffff;\n    background-color: color('gray-darkest');\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n\n.notebook-item__text-input {\n    margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n    padding-left: 0;\n    padding-right: 0;\n}\n\n.notebook-item__attachment {\n    background-color: color('gray-light');\n    padding: 16px;\n    margin-bottom: 16px;\n    text-align: center;\n    position: relative;\n}\n\n.notebook-item__attachment__content {\n    max-width: 100%;\n    height: auto;\n}\n\n.notebook-item__attachment__delete {\n    position: absolute;\n    top: 4px;\n    right: -2px;\n    // TODO: generalize for on item buttons like this (delete attachment, etc)\n    width: 34px !important;\n    height: 34px !important;\n    min-height: 0;\n\n    md-icon {\n        margin-left: -2px;\n        font-size: 22px;\n    }\n}\n\n.notebook-item__info {\n    font-style: italic;\n    opacity: .8;\n    color: lighten(color('accent-1'), 5%);\n\n    a, md-icon {\n        color: lighten(color('accent-1'), 5%);\n    }\n\n    md-icon {\n        font-size: 1.5em;\n        min-width: 0;\n        width: auto;\n    }\n}\n\n.notebook-item__upload {\n    text-align: center;\n    padding: 24px;\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    color: color('text-secondary');\n    border-radius: 4px;\n    cursor: pointer;\n    border: 1px dashed transparent;\n    transition: all 250ms;\n\n    md-icon, span {\n        transition: color 250ms;\n    }\n\n    &:hover, &:focus, &.dragover {\n        border-color: color('accent');\n        background-color: lighten(color('accent'), 35%);\n        color: color('accent');\n\n        md-icon, span {\n            color: color('accent');\n        }\n    }\n}\n\n.view-notebook-item {\n    width: $layout-breakpoint-xs;\n}\n\n.view-notebook-item__content {\n}\n\n.notebook-item--report {\n    background-color: #ffffff;\n\n    .note-editor {\n        margin-bottom: 16px;\n        border-color: color('gray');\n    }\n}\n\n.notebook-item--report__container {\n    &.ui-scrollpoint {\n        .notebook-item--report__toolbar {\n            position: fixed;\n            top: ($wise-toolbar-height + $md-toolbar-height);\n            left: 0;\n            right: 0;\n            z-index: 1;\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                left: ($notebook-sidebar-width - 2);\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                padding: 0 24px;\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-sm) {\n                padding: 0 32px;\n            }\n\n            .note-toolbar {\n                margin: 0 16px;\n\n                @media only screen and (min-width: $layout-breakpoint-xs) {\n                    margin: 0 8px;\n                }\n\n                @media only screen and (min-width: $layout-breakpoint-sm) {\n                    margin: 0 16px;\n                }\n            }\n        }\n\n        .note-editor {\n            padding-top: 40px;\n        }\n    }\n}\n\n.notebook-item--report__toolbar {\n\n    .note-toolbar {\n        background-color: color('gray-light');\n        border: 1px solid color('gray');\n        margin-bottom: -2px;\n    }\n}\n\n.notebook-item--report__heading {\n    text-align: center;\n    margin-bottom: 32px;\n}\n\n.notebook-item--report__content {\n}\n\n.notebook-item--report__add-note {\n    font-weight: 700;\n}\n\n.notebook-item--report__note-img {\n    max-width: 100%;\n    height: auto !important;\n}\n\n.notebook-sidebar {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 400px;\n        max-width: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 500px;\n        max-width: none;\n    }\n}\n\n.notebook-items {\n    width: 100%;\n    overflow: auto;\n    margin-top: 16px;\n    margin-bottom: 76px;\n\n    .notebook-item {\n        width: 100%;\n    }\n\n    .notebook-item__content {\n        height: 200px;\n        min-width: 0;\n    }\n}\n\n.notebook-items--grading {\n    margin-bottom: 0;\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n    .notebook-enabled {\n        .md-fab-bottom-right, .md-fab-bottom-left {\n            bottom: ($wise-toolbar-height + 8) !important;\n        }\n    }\n}\n\n.notebook-grading {\n    background-color: #ffffff;\n    display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config--author.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/author.css","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-node.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,qBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBEQoB,CFPpB,eAAgB,CAChB,cGlC8B,CHmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBExDsB,CF4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,qBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,qBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,UCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,qBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"author.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Authoring Tool Colors\n$_primary-color: #7e57c2; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 56%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: map-merge($color, $body-color);\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #7e57c2; }\n\nblockquote {\n  background-color: white;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #7e57c2;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #7e57c2;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #7e57c2 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: white; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #7e57c2;\n  background-color: white; }\n\n.primary {\n  color: #7e57c2; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: white; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #7e57c2; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: white; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #7e57c2; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: white; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-node {\n  margin-top: 42px;\n  padding: 0; }\n  @media only screen and (min-width: 600px) {\n    .l-node {\n      padding: 0 0 16px;\n      background-color: #eeeeee !important; } }\n  @media only screen and (min-width: 960px) {\n    .l-node {\n      padding: 0 0 32px; } }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #7e57c2; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #7e57c2; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: white;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #7e57c2; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #7e57c2;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px; }\n  @media only screen and (min-width: 600px) {\n    notebook-launcher.md-button.md-fab {\n      z-index: 61; } }\n\n@media only screen and (min-width: 960px) {\n  .notes-visible .notebook-report-container {\n    right: 516px;\n    transition: right 250ms; } }\n\n.notebook-menu {\n  transition: opacity 500ms; }\n  .notebook-menu.ng-enter {\n    opacity: 0; }\n  .notebook-menu .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .notebook-menu.ng-leave-active, .notebook-menu.ng-hide {\n    opacity: 0; }\n  .notebook-menu.ng-hide-add, .notebook-menu.ng-hide-add-active, .notebook-menu.ng-hide-remove, .notebook-menu.ng-hide-remove-active {\n    opacity: 0; }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.view-notebook-item {\n  width: 600px; }\n\n.notebook-item--report {\n  background-color: #ffffff; }\n  .notebook-item--report .note-editor {\n    margin-bottom: 16px;\n    border-color: #cccccc; }\n\n.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n  position: fixed;\n  top: 94px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      left: 54px; } }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 24px; } }\n  @media only screen and (min-width: 960px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 32px; } }\n  .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n    margin: 0 16px; }\n    @media only screen and (min-width: 600px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 8px; } }\n    @media only screen and (min-width: 960px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 16px; } }\n\n.notebook-item--report__container.ui-scrollpoint .note-editor {\n  padding-top: 40px; }\n\n.notebook-item--report__toolbar .note-toolbar {\n  background-color: #dddddd;\n  border: 1px solid #cccccc;\n  margin-bottom: -2px; }\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px; }\n\n.notebook-item--report__add-note {\n  font-weight: 700; }\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n.notebook-items {\n  width: 100%;\n  overflow: auto;\n  padding-top: 16px;\n  padding-bottom: 76px; }\n  .notebook-items .notebook-item {\n    width: 100%; }\n  .notebook-items .notebook-item__content {\n    height: 200px;\n    min-width: 0; }\n\n.notebook-items--grading {\n  margin-bottom: 0; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #7e57c2; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #7e57c2; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-node {\n  margin-top: $wise-toolbar-height;\n  padding: 0;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    padding: 0 0 16px;\n    background-color: color('body-bg') !important;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 0 0 32px;\n  }\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 56px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\n.notes-visible {\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    .notebook-report-container {\n      right: 516px;\n      transition: right 250ms;\n    }\n  }\n}\n\n.notebook-menu {\n  transition: opacity 500ms;\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active, &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add, &.ng-hide-add-active,\n  &.ng-hide-remove, &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block;\n}\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: color('gray');\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0;\n}\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255,255,255,0.95);\n  border-top: 1px solid color('gray-lighter');\n\n  &:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n  }\n}\n\n.notebook-item__content--text-only {\n  &:after {\n    content: \"note\";\n    font-family: 'Material Icons';\n    font-weight: normal;\n    font-style: normal;\n    display: inline-block;\n    line-height: 1;\n    text-transform: none;\n    letter-spacing: normal;\n    word-wrap: normal;\n    white-space: nowrap;\n    direction: ltr;\n\n    /* Support for all WebKit browsers. */\n    -webkit-font-smoothing: antialiased;\n    /* Support for Safari and Chrome. */\n    text-rendering: optimizeLegibility;\n\n    /* Support for Firefox. */\n    -moz-osx-font-smoothing: grayscale;\n\n    /* Support for IE. */\n    font-feature-settings: 'liga';\n    //position: absolute;\n    font-size: 80px;\n    color: color('text-disabled');\n  }\n}\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\";\n}\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0;\n\n  md-icon {\n    font-size: 22px;\n  }\n}\n\n.notebook-item__edit {\n  cursor: pointer;\n}\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: color('gray-darkest');\n  border-bottom-left-radius: $card-border-radius;\n  border-bottom-right-radius: $card-border-radius;\n\n  md-icon {\n    color: #ffffff;\n  }\n}\n\n.notebook-item__text-input {\n  margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.notebook-item__attachment {\n  background-color: color('gray-light');\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative;\n}\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto;\n}\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  // TODO: generalize for on item buttons like this (delete attachment, etc)\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0;\n\n  md-icon {\n    margin-left: -2px;\n    font-size: 22px;\n  }\n}\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: lighten(color('accent-1'), 5%);\n\n  a, md-icon {\n    color: lighten(color('accent-1'), 5%);\n  }\n\n  md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto;\n  }\n}\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: color('gray-lighter');\n  margin-bottom: 16px;\n  color: color('text-secondary');\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms;\n\n  md-icon, span {\n    transition: color 250ms;\n  }\n\n  &:hover, &:focus, &.dragover {\n    border-color: color('accent');\n    background-color: lighten(color('accent'), 35%);\n    color: color('accent');\n\n    md-icon, span {\n      color: color('accent');\n    }\n  }\n}\n\n.view-notebook-item {\n  width: $layout-breakpoint-xs;\n}\n\n.view-notebook-item__content {\n}\n\n.notebook-item--report {\n  background-color: #ffffff;\n\n  .note-editor {\n    margin-bottom: 16px;\n    border-color: color('gray');\n  }\n}\n\n.notebook-item--report__container {\n  &.ui-scrollpoint {\n    .notebook-item--report__toolbar {\n      position: fixed;\n      top: ($wise-toolbar-height + $md-toolbar-height);\n      left: 0;\n      right: 0;\n      z-index: 1;\n\n      @media only screen and (min-width: $layout-breakpoint-xs) {\n        left: ($notebook-sidebar-width - 2);\n      }\n\n      @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 24px;\n      }\n\n      @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 32px;\n      }\n\n      .note-toolbar {\n        margin: 0 16px;\n\n        @media only screen and (min-width: $layout-breakpoint-xs) {\n          margin: 0 8px;\n        }\n\n        @media only screen and (min-width: $layout-breakpoint-sm) {\n          margin: 0 16px;\n        }\n      }\n    }\n\n    .note-editor {\n      padding-top: 40px;\n    }\n  }\n}\n\n.notebook-item--report__toolbar {\n  .note-toolbar {\n    background-color: color('gray-light');\n    border: 1px solid color('gray');\n    margin-bottom: -2px;\n  }\n}\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px;\n}\n\n.notebook-item--report__content {\n}\n\n.notebook-item--report__add-note {\n  font-weight: 700;\n}\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important;\n}\n\n.notebook-sidebar {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: 400px;\n    max-width: none;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    width: 500px;\n    max-width: none;\n  }\n}\n\n.notebook-items {\n  width: 100%;\n  overflow: auto;\n  padding-top: 16px;\n  padding-bottom: 76px;\n\n  .notebook-item {\n    width: 100%;\n  }\n\n  .notebook-item__content {\n    height: 200px;\n    min-width: 0;\n  }\n}\n\n.notebook-items--grading {\n  margin-bottom: 0;\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
diff --git a/src/main/webapp/wise5/themes/default/style/modules/_notebook.scss b/src/main/webapp/wise5/themes/default/style/modules/_notebook.scss
index 05e56097e3..e9b9ab9918 100644
--- a/src/main/webapp/wise5/themes/default/style/modules/_notebook.scss
+++ b/src/main/webapp/wise5/themes/default/style/modules/_notebook.scss
@@ -2,361 +2,364 @@
 $notebook-sidebar-width: 56px;
 
 // Base
-.notebook-launcher {
-    @media only screen and (min-width: $layout-breakpoint-xs) {
-        &.md-button.md-fab {
-            z-index: 61;
-        }
+notebook-launcher {
+  position: absolute;
+  bottom: 24px;
+  right: 28px;
+
+  @media only screen and (min-width: $layout-breakpoint-xs) {
+    &.md-button.md-fab {
+      z-index: 61;
     }
+  }
 }
 
 .notes-visible {
-    @media only screen and (min-width: $layout-breakpoint-sm) {
-        .notebook-report-container {
-            right: 516px;
-            transition: right 250ms;
-        }
+  @media only screen and (min-width: $layout-breakpoint-sm) {
+    .notebook-report-container {
+      right: 516px;
+      transition: right 250ms;
     }
+  }
 }
 
 .notebook-menu {
-    transition: opacity 500ms;
+  transition: opacity 500ms;
 
-    &.ng-enter {
-        opacity: 0;
-    }
+  &.ng-enter {
+    opacity: 0;
+  }
 
-    .ng-enter-active {
-        opacity: 1;
-        transition-delay: 250ms;
-    }
+  .ng-enter-active {
+    opacity: 1;
+    transition-delay: 250ms;
+  }
 
-    &.ng-leave-active, &.ng-hide {
-        opacity: 0;
-    }
+  &.ng-leave-active, &.ng-hide {
+    opacity: 0;
+  }
 
-    &.ng-hide-add, &.ng-hide-add-active,
-    &.ng-hide-remove, &.ng-hide-remove-active {
-        opacity: 0;
-    }
+  &.ng-hide-add, &.ng-hide-add-active,
+  &.ng-hide-remove, &.ng-hide-remove-active {
+    opacity: 0;
+  }
 }
 
 .notebook-item {
-    transition: box-shadow 250ms;
-    margin: 0 16px 16px;
-    display: block;
+  transition: box-shadow 250ms;
+  margin: 0 16px 16px;
+  display: block;
 }
 
 .notebook-item__content {
-    height: 250px;
-    min-width: 230px;
-    position: relative;
-    padding: 0;
-    background-color: color('gray');
-    border-top-left-radius: $card-border-radius;
-    border-top-right-radius: $card-border-radius;
+  height: 250px;
+  min-width: 230px;
+  position: relative;
+  padding: 0;
+  background-color: color('gray');
+  border-top-left-radius: $card-border-radius;
+  border-top-right-radius: $card-border-radius;
 }
 
 .notebook-item__content__attachment, .notebook-item__content__text {
-    position: absolute;
-    left: 0;
-    right: 0;
+  position: absolute;
+  left: 0;
+  right: 0;
 }
 
 .notebook-item__content__attachment {
-    background-repeat: no-repeat !important;
-    border-top-left-radius: $card-border-radius;
-    border-top-right-radius: $card-border-radius;
-    background-position: center top !important;
-    background-size: cover !important;
-    top: 0;
-    bottom: 0;
+  background-repeat: no-repeat !important;
+  border-top-left-radius: $card-border-radius;
+  border-top-right-radius: $card-border-radius;
+  background-position: center top !important;
+  background-size: cover !important;
+  top: 0;
+  bottom: 0;
 }
 
 .notebook-item__content__text {
+  bottom: 0;
+  padding: 8px;
+  font-weight: 500;
+  overflow: hidden;
+  max-height: 120px;
+  min-height: 56px;
+  background-color: rgba(255,255,255,0.95);
+  border-top: 1px solid color('gray-lighter');
+
+  &:after {
+    content: "";
+    text-align: right;
+    position: absolute;
     bottom: 0;
-    padding: 8px;
-    font-weight: 500;
-    overflow: hidden;
-    max-height: 120px;
-    min-height: 56px;
-    background-color: rgba(255,255,255,0.95);
-    border-top: 1px solid color('gray-lighter');
-
-    &:after {
-        content: "";
-        text-align: right;
-        position: absolute;
-        bottom: 0;
-        right: 0;
-        width: 100%;
-        height: 0.8em;
-        background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);
-    }
+    right: 0;
+    width: 100%;
+    height: 0.8em;
+    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);
+  }
 }
 
 .notebook-item__content--text-only {
-    &:after {
-        content: "note";
-        font-family: 'Material Icons';
-        font-weight: normal;
-        font-style: normal;
-        display: inline-block;
-        line-height: 1;
-        text-transform: none;
-        letter-spacing: normal;
-        word-wrap: normal;
-        white-space: nowrap;
-        direction: ltr;
-
-        /* Support for all WebKit browsers. */
-        -webkit-font-smoothing: antialiased;
-        /* Support for Safari and Chrome. */
-        text-rendering: optimizeLegibility;
-
-        /* Support for Firefox. */
-        -moz-osx-font-smoothing: grayscale;
-
-        /* Support for IE. */
-        font-feature-settings: 'liga';
-        //position: absolute;
-        font-size: 80px;
-        color: color('text-disabled');
-    }
+  &:after {
+    content: "note";
+    font-family: 'Material Icons';
+    font-weight: normal;
+    font-style: normal;
+    display: inline-block;
+    line-height: 1;
+    text-transform: none;
+    letter-spacing: normal;
+    word-wrap: normal;
+    white-space: nowrap;
+    direction: ltr;
+
+    /* Support for all WebKit browsers. */
+    -webkit-font-smoothing: antialiased;
+    /* Support for Safari and Chrome. */
+    text-rendering: optimizeLegibility;
+
+    /* Support for Firefox. */
+    -moz-osx-font-smoothing: grayscale;
+
+    /* Support for IE. */
+    font-feature-settings: 'liga';
+    //position: absolute;
+    font-size: 80px;
+    color: color('text-disabled');
+  }
 }
 
 .notebook-item--question__content--text-only {
-    content: "live_help";
+  content: "live_help";
 }
 
 .notebook-item__content__location {
-    opacity: 0.9;
-    padding: 8px 0;
+  opacity: 0.9;
+  padding: 8px 0;
 
-    md-icon {
-        font-size: 22px;
-    }
+  md-icon {
+    font-size: 22px;
+  }
 }
 
 .notebook-item__edit {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 .notebook-item__actions {
-    margin: 0;
-    padding: 0 8px;
+  margin: 0;
+  padding: 0 8px;
+  color: #ffffff;
+  background-color: color('gray-darkest');
+  border-bottom-left-radius: $card-border-radius;
+  border-bottom-right-radius: $card-border-radius;
+
+  md-icon {
     color: #ffffff;
-    background-color: color('gray-darkest');
-    border-bottom-left-radius: $card-border-radius;
-    border-bottom-right-radius: $card-border-radius;
-
-    md-icon {
-        color: #ffffff;
-    }
+  }
 }
 
 .notebook-item__text-input {
-    margin: 0;
+  margin: 0;
 }
 
 .notebook-item__text-input__textarea {
-    padding-left: 0;
-    padding-right: 0;
+  padding-left: 0;
+  padding-right: 0;
 }
 
 .notebook-item__attachment {
-    background-color: color('gray-light');
-    padding: 16px;
-    margin-bottom: 16px;
-    text-align: center;
-    position: relative;
+  background-color: color('gray-light');
+  padding: 16px;
+  margin-bottom: 16px;
+  text-align: center;
+  position: relative;
 }
 
 .notebook-item__attachment__content {
-    max-width: 100%;
-    height: auto;
+  max-width: 100%;
+  height: auto;
 }
 
 .notebook-item__attachment__delete {
-    position: absolute;
-    top: 4px;
-    right: -2px;
-    // TODO: generalize for on item buttons like this (delete attachment, etc)
-    width: 34px !important;
-    height: 34px !important;
-    min-height: 0;
-
-    md-icon {
-        margin-left: -2px;
-        font-size: 22px;
-    }
+  position: absolute;
+  top: 4px;
+  right: -2px;
+  // TODO: generalize for on item buttons like this (delete attachment, etc)
+  width: 34px !important;
+  height: 34px !important;
+  min-height: 0;
+
+  md-icon {
+    margin-left: -2px;
+    font-size: 22px;
+  }
 }
 
 .notebook-item__info {
-    font-style: italic;
-    opacity: .8;
-    color: lighten(color('accent-1'), 5%);
+  font-style: italic;
+  opacity: .8;
+  color: lighten(color('accent-1'), 5%);
 
-    a, md-icon {
-        color: lighten(color('accent-1'), 5%);
-    }
+  a, md-icon {
+    color: lighten(color('accent-1'), 5%);
+  }
 
-    md-icon {
-        font-size: 1.5em;
-        min-width: 0;
-        width: auto;
-    }
+  md-icon {
+    font-size: 1.5em;
+    min-width: 0;
+    width: auto;
+  }
 }
 
 .notebook-item__upload {
-    text-align: center;
-    padding: 24px;
-    background-color: color('gray-lighter');
-    margin-bottom: 16px;
-    color: color('text-secondary');
-    border-radius: 4px;
-    cursor: pointer;
-    border: 1px dashed transparent;
-    transition: all 250ms;
+  text-align: center;
+  padding: 24px;
+  background-color: color('gray-lighter');
+  margin-bottom: 16px;
+  color: color('text-secondary');
+  border-radius: 4px;
+  cursor: pointer;
+  border: 1px dashed transparent;
+  transition: all 250ms;
+
+  md-icon, span {
+    transition: color 250ms;
+  }
+
+  &:hover, &:focus, &.dragover {
+    border-color: color('accent');
+    background-color: lighten(color('accent'), 35%);
+    color: color('accent');
 
     md-icon, span {
-        transition: color 250ms;
-    }
-
-    &:hover, &:focus, &.dragover {
-        border-color: color('accent');
-        background-color: lighten(color('accent'), 35%);
-        color: color('accent');
-
-        md-icon, span {
-            color: color('accent');
-        }
+      color: color('accent');
     }
+  }
 }
 
 .view-notebook-item {
-    width: $layout-breakpoint-xs;
+  width: $layout-breakpoint-xs;
 }
 
 .view-notebook-item__content {
 }
 
 .notebook-item--report {
-    background-color: #ffffff;
+  background-color: #ffffff;
 
-    .note-editor {
-        margin-bottom: 16px;
-        border-color: color('gray');
-    }
+  .note-editor {
+    margin-bottom: 16px;
+    border-color: color('gray');
+  }
 }
 
 .notebook-item--report__container {
-    &.ui-scrollpoint {
-        .notebook-item--report__toolbar {
-            position: fixed;
-            top: ($wise-toolbar-height + $md-toolbar-height);
-            left: 0;
-            right: 0;
-            z-index: 1;
-
-            @media only screen and (min-width: $layout-breakpoint-xs) {
-                left: ($notebook-sidebar-width - 2);
-            }
-
-            @media only screen and (min-width: $layout-breakpoint-xs) {
-                padding: 0 24px;
-            }
-
-            @media only screen and (min-width: $layout-breakpoint-sm) {
-                padding: 0 32px;
-            }
-
-            .note-toolbar {
-                margin: 0 16px;
-
-                @media only screen and (min-width: $layout-breakpoint-xs) {
-                    margin: 0 8px;
-                }
-
-                @media only screen and (min-width: $layout-breakpoint-sm) {
-                    margin: 0 16px;
-                }
-            }
+  &.ui-scrollpoint {
+    .notebook-item--report__toolbar {
+      position: fixed;
+      top: ($wise-toolbar-height + $md-toolbar-height);
+      left: 0;
+      right: 0;
+      z-index: 1;
+
+      @media only screen and (min-width: $layout-breakpoint-xs) {
+        left: ($notebook-sidebar-width - 2);
+      }
+
+      @media only screen and (min-width: $layout-breakpoint-xs) {
+        padding: 0 24px;
+      }
+
+      @media only screen and (min-width: $layout-breakpoint-sm) {
+        padding: 0 32px;
+      }
+
+      .note-toolbar {
+        margin: 0 16px;
+
+        @media only screen and (min-width: $layout-breakpoint-xs) {
+          margin: 0 8px;
         }
 
-        .note-editor {
-            padding-top: 40px;
+        @media only screen and (min-width: $layout-breakpoint-sm) {
+          margin: 0 16px;
         }
+      }
     }
+
+    .note-editor {
+      padding-top: 40px;
+    }
+  }
 }
 
 .notebook-item--report__toolbar {
-
-    .note-toolbar {
-        background-color: color('gray-light');
-        border: 1px solid color('gray');
-        margin-bottom: -2px;
-    }
+  .note-toolbar {
+    background-color: color('gray-light');
+    border: 1px solid color('gray');
+    margin-bottom: -2px;
+  }
 }
 
 .notebook-item--report__heading {
-    text-align: center;
-    margin-bottom: 32px;
+  text-align: center;
+  margin-bottom: 32px;
 }
 
 .notebook-item--report__content {
 }
 
 .notebook-item--report__add-note {
-    font-weight: 700;
+  font-weight: 700;
 }
 
 .notebook-item--report__note-img {
-    max-width: 100%;
-    height: auto !important;
+  max-width: 100%;
+  height: auto !important;
 }
 
 .notebook-sidebar {
-    @media only screen and (min-width: $layout-breakpoint-xs) {
-        width: 400px;
-        max-width: none;
-    }
+  @media only screen and (min-width: $layout-breakpoint-xs) {
+    width: 400px;
+    max-width: none;
+  }
 
-    @media only screen and (min-width: $layout-breakpoint-sm) {
-        width: 500px;
-        max-width: none;
-    }
+  @media only screen and (min-width: $layout-breakpoint-sm) {
+    width: 500px;
+    max-width: none;
+  }
 }
 
 .notebook-items {
-    width: 100%;
-    overflow: auto;
-    margin-top: 16px;
-    margin-bottom: 76px;
+  width: 100%;
+  overflow: auto;
+  padding-top: 16px;
+  padding-bottom: 76px;
 
-    .notebook-item {
-        width: 100%;
-    }
+  .notebook-item {
+    width: 100%;
+  }
 
-    .notebook-item__content {
-        height: 200px;
-        min-width: 0;
-    }
+  .notebook-item__content {
+    height: 200px;
+    min-width: 0;
+  }
 }
 
 .notebook-items--grading {
-    margin-bottom: 0;
+  margin-bottom: 0;
 }
 
 @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {
-    .notebook-enabled {
-        .md-fab-bottom-right, .md-fab-bottom-left {
-            bottom: ($wise-toolbar-height + 8) !important;
-        }
+  .notebook-enabled {
+    .md-fab-bottom-right, .md-fab-bottom-left {
+      bottom: ($wise-toolbar-height + 8) !important;
     }
+  }
 }
 
 .notebook-grading {
-    background-color: #ffffff;
-    display: block;
+  background-color: #ffffff;
+  display: block;
 }
diff --git a/src/main/webapp/wise5/themes/default/style/monitor.css b/src/main/webapp/wise5/themes/default/style/monitor.css
index b7efdfe054..af33dd4864 100644
--- a/src/main/webapp/wise5/themes/default/style/monitor.css
+++ b/src/main/webapp/wise5/themes/default/style/monitor.css
@@ -1,2 +1,2 @@
-body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1565c0}blockquote{background-color:#f5f9fe;padding:8px;margin:16px 0;border:solid #1565c0;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1565c0;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1565c0!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#ecf4fd}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#1565c0;background-color:#ecf4fd}.primary{color:#1565c0}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#ecf4fd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1565c0}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#ecf4fd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1565c0}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#ecf4fd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav,.l-notebook{background-color:#eee!important}.l-notebook{margin-top:42px}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;transition:opacity .25s ease-in-out}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1565c0}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1565c0}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}.milestone{min-width:196px;width:196px;height:242px;background-color:#fff;padding:0}.milestone.md-button{text-transform:none}.milestone__progress{background-color:#eee;border-radius:50%;position:relative;margin-bottom:12px}.milestone__progress__percent{position:absolute;top:8px;bottom:8px;left:8px;right:8px;border-radius:50%;background-color:#fff;color:#1565c0;font-size:28px;font-weight:500}.milestone__title{font-weight:700;font-size:15px;margin-bottom:12px}.milestone-details section:not(:first-child){margin-top:8px}.milestone-details__section{background-color:#fff;padding:16px}.milestone-details__section>p{margin-top:16px;margin-bottom:0}.milestone-details__section .grading,.milestone-details__section md-list{padding:0}.milestone-details__header{padding:12px 16px;margin:-16px -16px 16px;text-transform:uppercase;font-weight:500}.milestone-details__progress{width:48px;margin-right:8px}.milestone--add.md-button{text-transform:uppercase}.milestone--add__icon{height:96px;width:96px;background-color:#eee;border-radius:50%}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#ecf4fd}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.student-select{padding-top:0;padding-bottom:0}.workgroup-progress{margin-bottom:8px}@media (min-width:960px){.workgroup-progress{margin-bottom:0}}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1565c0}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #1565c0;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}.grading__item-container{margin:0 0 16px;padding:0!important}.grading__item{background-color:#fff}.grading__item .component{padding:0}@media only screen and (min-width:600px){.notebook-launcher.md-button.md-fab{z-index:61}}@media only screen and (min-width:960px){.notes-visible .notebook-report-container{right:516px;transition:right .25s}}.notebook-menu{transition:opacity .5s}.notebook-menu.ng-enter{opacity:0}.notebook-menu .ng-enter-active{opacity:1;transition-delay:.25s}.notebook-menu.ng-hide,.notebook-menu.ng-hide-add,.notebook-menu.ng-hide-add-active,.notebook-menu.ng-hide-remove,.notebook-menu.ng-hide-remove-active,.notebook-menu.ng-leave-active{opacity:0}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.view-notebook-item{width:600px}.notebook-item--report{background-color:#fff}.notebook-item--report .note-editor{margin-bottom:16px;border-color:#ccc}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{position:fixed;top:94px;left:0;right:0;z-index:1}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{left:54px;padding:0 24px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{padding:0 32px}}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 8px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}}.notebook-item--report__container.ui-scrollpoint .note-editor{padding-top:40px}.notebook-item--report__toolbar .note-toolbar{background-color:#ddd;border:1px solid #ccc;margin-bottom:-2px}.notebook-item--report__heading{text-align:center;margin-bottom:32px}.notebook-item--report__add-note{font-weight:700}.notebook-item--report__note-img{max-width:100%;height:auto!important}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}.notebook-items{width:100%;overflow:auto;margin-top:16px;margin-bottom:76px}.notebook-items .notebook-item{width:100%}.notebook-items .notebook-item__content{height:200px;min-width:0}.notebook-items--grading{margin-bottom:0}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.annotations--grading md-input-container{margin-bottom:0}.annotations--grading .md-errors-spacer{display:none}.annotations--grading input:focus,.annotations--grading textarea:focus{background-color:#fff}.annotations--grading input:disabled,.annotations--grading textarea:disabled{color:rgba(0,0,0,.87)}.annotations--grading--revision{margin:8px 0 0;padding:8px}.annotations--notebook{margin-top:16px}.annotations--grading__info{font-style:italic;margin:8px 8px 4px}.annotations--grading__item{padding:8px}.annotations--grading__score input{margin-top:0!important;font-size:18px;width:52px;text-align:center}.annotations--grading__score__label{transform:none!important;width:auto;display:block;padding:0;margin:0 8px 0 0}.annotations--grading__score__max label{display:none}.annotations--grading__score__divider{position:relative;top:12px;margin-left:4px}.annotations--grading__auto-comment{margin:0 2px}.annotations--grading__auto-comment__content{margin-top:8px}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.component--grading{padding:0;margin:0}.component--grading:not(:last-child)>div{border-bottom:1px solid #ddd}.component--grading .component__wrapper{padding:0;margin:0}.component--grading .component__content{padding:16px;margin:0}.component--grading__response{padding-bottom:16px}@media only screen and (min-width:960px){.component--grading__response{padding-right:16px;padding-bottom:0}}.component--grading__response__content{overflow:auto}.component--grading__annotations{background-color:#ecf4fd}.component--grading__annotations__divider{padding:4px;background-color:#fff}.component--grading__actions__info{margin:16px 0 0;padding-top:8px;border-top:1px solid #eee}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#1565c0}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#1565c0}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.component-revisions .component{padding:0;margin:0}.component-revisions .component__content{padding:0}.component-revisions .component__wrapper{margin:16px 0}.component-revisions .md-resize-handle{display:none}.component-revisions__item,md-list-item.component-revisions__item{padding:0}.component-revisions__item--latest{margin-bottom:24px}.component-revisions__annotation-label{margin-right:8px}.component-revisions__has-auto-and-teacher{padding-top:8px;margin-top:8px;border-top:1px solid #ddd}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
+body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1565c0}blockquote{background-color:#f5f9fe;padding:8px;margin:16px 0;border:solid #1565c0;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1565c0;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1565c0!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#ecf4fd}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#1565c0;background-color:#ecf4fd}.primary{color:#1565c0}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#ecf4fd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1565c0}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#ecf4fd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1565c0}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#ecf4fd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav,.l-notebook{background-color:#eee!important}.l-notebook{margin-top:42px}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;transition:opacity .25s ease-in-out}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1565c0}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1565c0}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}.milestone{min-width:196px;width:196px;height:242px;background-color:#fff;padding:0}.milestone.md-button{text-transform:none}.milestone__progress{background-color:#eee;border-radius:50%;position:relative;margin-bottom:12px}.milestone__progress__percent{position:absolute;top:8px;bottom:8px;left:8px;right:8px;border-radius:50%;background-color:#fff;color:#1565c0;font-size:28px;font-weight:500}.milestone__title{font-weight:700;font-size:15px;margin-bottom:12px}.milestone-details section:not(:first-child){margin-top:8px}.milestone-details__section{background-color:#fff;padding:16px}.milestone-details__section>p{margin-top:16px;margin-bottom:0}.milestone-details__section .grading,.milestone-details__section md-list{padding:0}.milestone-details__header{padding:12px 16px;margin:-16px -16px 16px;text-transform:uppercase;font-weight:500}.milestone-details__progress{width:48px;margin-right:8px}.milestone--add.md-button{text-transform:uppercase}.milestone--add__icon{height:96px;width:96px;background-color:#eee;border-radius:50%}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#ecf4fd}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.student-select{padding-top:0;padding-bottom:0}.workgroup-progress{margin-bottom:8px}@media (min-width:960px){.workgroup-progress{margin-bottom:0}}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1565c0}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #1565c0;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}.grading__item-container{margin:0 0 16px;padding:0!important}.grading__item{background-color:#fff}.grading__item .component{padding:0}notebook-launcher{position:absolute;bottom:24px;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}@media only screen and (min-width:960px){.notes-visible .notebook-report-container{right:516px;transition:right .25s}}.notebook-menu{transition:opacity .5s}.notebook-menu.ng-enter{opacity:0}.notebook-menu .ng-enter-active{opacity:1;transition-delay:.25s}.notebook-menu.ng-hide,.notebook-menu.ng-hide-add,.notebook-menu.ng-hide-add-active,.notebook-menu.ng-hide-remove,.notebook-menu.ng-hide-remove-active,.notebook-menu.ng-leave-active{opacity:0}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.view-notebook-item{width:600px}.notebook-item--report{background-color:#fff}.notebook-item--report .note-editor{margin-bottom:16px;border-color:#ccc}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{position:fixed;top:94px;left:0;right:0;z-index:1}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{left:54px;padding:0 24px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{padding:0 32px}}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 8px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}}.notebook-item--report__container.ui-scrollpoint .note-editor{padding-top:40px}.notebook-item--report__toolbar .note-toolbar{background-color:#ddd;border:1px solid #ccc;margin-bottom:-2px}.notebook-item--report__heading{text-align:center;margin-bottom:32px}.notebook-item--report__add-note{font-weight:700}.notebook-item--report__note-img{max-width:100%;height:auto!important}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}.notebook-items{width:100%;overflow:auto;padding-top:16px;padding-bottom:76px}.notebook-items .notebook-item{width:100%}.notebook-items .notebook-item__content{height:200px;min-width:0}.notebook-items--grading{margin-bottom:0}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.annotations--grading md-input-container{margin-bottom:0}.annotations--grading .md-errors-spacer{display:none}.annotations--grading input:focus,.annotations--grading textarea:focus{background-color:#fff}.annotations--grading input:disabled,.annotations--grading textarea:disabled{color:rgba(0,0,0,.87)}.annotations--grading--revision{margin:8px 0 0;padding:8px}.annotations--notebook{margin-top:16px}.annotations--grading__info{font-style:italic;margin:8px 8px 4px}.annotations--grading__item{padding:8px}.annotations--grading__score input{margin-top:0!important;font-size:18px;width:52px;text-align:center}.annotations--grading__score__label{transform:none!important;width:auto;display:block;padding:0;margin:0 8px 0 0}.annotations--grading__score__max label{display:none}.annotations--grading__score__divider{position:relative;top:12px;margin-left:4px}.annotations--grading__auto-comment{margin:0 2px}.annotations--grading__auto-comment__content{margin-top:8px}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.component--grading{padding:0;margin:0}.component--grading:not(:last-child)>div{border-bottom:1px solid #ddd}.component--grading .component__wrapper{padding:0;margin:0}.component--grading .component__content{padding:16px;margin:0}.component--grading__response{padding-bottom:16px}@media only screen and (min-width:960px){.component--grading__response{padding-right:16px;padding-bottom:0}}.component--grading__response__content{overflow:auto}.component--grading__annotations{background-color:#ecf4fd}.component--grading__annotations__divider{padding:4px;background-color:#fff}.component--grading__actions__info{margin:16px 0 0;padding-top:8px;border-top:1px solid #eee}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#1565c0}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#1565c0}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.component-revisions .component{padding:0;margin:0}.component-revisions .component__content{padding:0}.component-revisions .component__wrapper{margin:16px 0}.component-revisions .md-resize-handle{display:none}.component-revisions__item,md-list-item.component-revisions__item{padding:0}.component-revisions__item--latest{margin-bottom:24px}.component-revisions__annotation-label{margin-right:8px}.component-revisions__has-auto-and-teacher{padding-top:8px;margin-top:8px;border-top:1px solid #ddd}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
 /*# sourceMappingURL=monitor.css.map */
diff --git a/src/main/webapp/wise5/themes/default/style/monitor.css.map b/src/main/webapp/wise5/themes/default/style/monitor.css.map
index 32aebf7175..fb42ac5a2a 100644
--- a/src/main/webapp/wise5/themes/default/style/monitor.css.map
+++ b/src/main/webapp/wise5/themes/default/style/monitor.css.map
@@ -1 +1 @@
-{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config--monitor.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/monitor.css","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dragula.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_milestones.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_nav--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_grading.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_component--revisions.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,wBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBEQoB,CFPpB,eAAgB,CAChB,cGlC8B,CHmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBExDsB,CF4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,wBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,wBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,aCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,wBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"monitor.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Classroom Monitor Colors\n$_primary-color: #1565c0; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 54%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: map-merge($color, $body-color);\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #1565c0; }\n\nblockquote {\n  background-color: #f5f9fe;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1565c0;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #1565c0;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1565c0 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: #ecf4fd; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1565c0;\n  background-color: #ecf4fd; }\n\n.primary {\n  color: #1565c0; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: #ecf4fd; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #1565c0; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: #ecf4fd; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #1565c0; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: #ecf4fd; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out; }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1565c0; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #1565c0; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n.milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0; }\n  .milestone.md-button {\n    text-transform: none; }\n\n.milestone__progress {\n  background-color: #eeeeee;\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px; }\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: #1565c0;\n  font-size: 28px;\n  font-weight: 500; }\n\n.milestone__title {\n  font-weight: 700;\n  font-size: 15px;\n  margin-bottom: 12px; }\n\n.milestone-details section:not(:first-child) {\n  margin-top: 8px; }\n\n.milestone-details__section {\n  background-color: #ffffff;\n  padding: 16px; }\n  .milestone-details__section > p {\n    margin-top: 16px;\n    margin-bottom: 0; }\n  .milestone-details__section md-list {\n    padding: 0; }\n  .milestone-details__section .grading {\n    padding: 0; }\n\n.milestone-details__header {\n  padding: 12px 16px;\n  margin: -16px -16px 16px;\n  text-transform: uppercase;\n  font-weight: 500; }\n\n.milestone-details__progress {\n  width: 48px;\n  margin-right: 8px; }\n\n.milestone--add.md-button {\n  text-transform: uppercase; }\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: #eeeeee;\n  border-radius: 50%; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: #ecf4fd;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.student-select {\n  padding-top: 0;\n  padding-bottom: 0; }\n\n.workgroup-progress {\n  margin-bottom: 8px; }\n  @media (min-width: 960px) {\n    .workgroup-progress {\n      margin-bottom: 0; } }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1565c0; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #1565c0;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important; }\n\n.grading__item {\n  background-color: #ffffff; }\n  .grading__item .component {\n    padding: 0; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-launcher.md-button.md-fab {\n    z-index: 61; } }\n\n@media only screen and (min-width: 960px) {\n  .notes-visible .notebook-report-container {\n    right: 516px;\n    transition: right 250ms; } }\n\n.notebook-menu {\n  transition: opacity 500ms; }\n  .notebook-menu.ng-enter {\n    opacity: 0; }\n  .notebook-menu .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .notebook-menu.ng-leave-active, .notebook-menu.ng-hide {\n    opacity: 0; }\n  .notebook-menu.ng-hide-add, .notebook-menu.ng-hide-add-active, .notebook-menu.ng-hide-remove, .notebook-menu.ng-hide-remove-active {\n    opacity: 0; }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.view-notebook-item {\n  width: 600px; }\n\n.notebook-item--report {\n  background-color: #ffffff; }\n  .notebook-item--report .note-editor {\n    margin-bottom: 16px;\n    border-color: #cccccc; }\n\n.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n  position: fixed;\n  top: 94px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      left: 54px; } }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 24px; } }\n  @media only screen and (min-width: 960px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 32px; } }\n  .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n    margin: 0 16px; }\n    @media only screen and (min-width: 600px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 8px; } }\n    @media only screen and (min-width: 960px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 16px; } }\n\n.notebook-item--report__container.ui-scrollpoint .note-editor {\n  padding-top: 40px; }\n\n.notebook-item--report__toolbar .note-toolbar {\n  background-color: #dddddd;\n  border: 1px solid #cccccc;\n  margin-bottom: -2px; }\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px; }\n\n.notebook-item--report__add-note {\n  font-weight: 700; }\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n.notebook-items {\n  width: 100%;\n  overflow: auto;\n  margin-top: 16px;\n  margin-bottom: 76px; }\n  .notebook-items .notebook-item {\n    width: 100%; }\n  .notebook-items .notebook-item__content {\n    height: 200px;\n    min-width: 0; }\n\n.notebook-items--grading {\n  margin-bottom: 0; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.annotations--grading md-input-container {\n  margin-bottom: 0; }\n\n.annotations--grading .md-errors-spacer {\n  display: none; }\n\n.annotations--grading input:focus, .annotations--grading textarea:focus {\n  background-color: #ffffff; }\n\n.annotations--grading input:disabled, .annotations--grading textarea:disabled {\n  color: rgba(0, 0, 0, 0.87); }\n\n.annotations--grading--revision {\n  margin: 8px 0 0;\n  padding: 8px; }\n\n.annotations--notebook {\n  margin-top: 16px; }\n\n.annotations--grading__info {\n  font-style: italic;\n  margin: 8px 8px 4px; }\n\n.annotations--grading__item {\n  padding: 8px; }\n\n.annotations--grading__score input {\n  margin-top: 0 !important;\n  font-size: 18px;\n  width: 52px;\n  text-align: center; }\n\n.annotations--grading__score__label {\n  transform: none !important;\n  width: auto;\n  display: block;\n  padding: 0;\n  margin: 0 8px 0 0; }\n\n.annotations--grading__score__max label {\n  display: none; }\n\n.annotations--grading__score__divider {\n  position: relative;\n  top: 12px;\n  margin-left: 4px; }\n\n.annotations--grading__auto-comment {\n  margin: 0 2px; }\n\n.annotations--grading__auto-comment__content {\n  margin-top: 8px; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.component--grading {\n  padding: 0;\n  margin: 0; }\n  .component--grading:not(:last-child) > div {\n    border-bottom: 1px solid #dddddd; }\n  .component--grading .component__wrapper {\n    padding: 0;\n    margin: 0; }\n  .component--grading .component__content {\n    padding: 16px;\n    margin: 0; }\n\n.component--grading__response {\n  padding-bottom: 16px; }\n  @media only screen and (min-width: 960px) {\n    .component--grading__response {\n      padding-right: 16px;\n      padding-bottom: 0; } }\n\n.component--grading__response__content {\n  overflow: auto; }\n\n.component--grading__annotations {\n  background-color: #ecf4fd; }\n\n.component--grading__annotations__divider {\n  padding: 4px;\n  background-color: #ffffff; }\n\n.component--grading__actions__info {\n  margin: 16px 0 0;\n  padding-top: 8px;\n  border-top: 1px solid #eeeeee; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #1565c0; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #1565c0; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.component-revisions .component {\n  padding: 0;\n  margin: 0; }\n\n.component-revisions .component__content {\n  padding: 0; }\n\n.component-revisions .component__wrapper {\n  margin: 16px 0; }\n\n.component-revisions .md-resize-handle {\n  display: none; }\n\n.component-revisions__item, md-list-item.component-revisions__item {\n  padding: 0; }\n\n.component-revisions__item--latest {\n  margin-bottom: 24px; }\n\n.component-revisions__annotation-label {\n  margin-right: 8px; }\n\n.component-revisions__has-auto-and-teacher {\n  padding-top: 8px;\n  margin-top: 8px;\n  border-top: 1px solid #dddddd; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n",".gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out;\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}",".milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0;\n\n  &.md-button {\n    text-transform: none;\n  }\n}\n\n.milestone__progress {\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px;\n}\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: color('primary');\n  font-size: rem(2.8);\n  font-weight: 500;\n}\n\n.milestone__title {\n  font-weight: 700;\n  font-size: $body-font-size-base;\n  margin-bottom: 12px;\n}\n\n.milestone-details {\n  section {\n    &:not(:first-child) {\n      margin-top: 8px;\n    }\n  }\n}\n\n.milestone-details__section {\n  background-color: #ffffff;\n  padding: 16px;\n\n  > p {\n    margin-top: 16px;\n    margin-bottom: 0;\n  }\n\n  md-list {\n    padding: 0;\n  }\n\n  .grading {\n    padding: 0;\n  }\n}\n\n.milestone-details__header {\n  padding: 12px 16px;\n  margin: -16px -16px 16px;\n  text-transform: uppercase;\n  font-weight: 500;\n}\n\n.milestone-details__progress {\n  width: 48px;\n  margin-right: 8px;\n}\n\n.milestone--add {\n  &.md-button {\n    text-transform: uppercase;\n  }\n}\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".student-select {\n    padding-top: 0;\n    padding-bottom: 0;\n}\n\n.workgroup-progress {\n    margin-bottom: 8px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        margin-bottom: 0;\n    }\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n",".grading {\n}\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important;\n}\n\n.grading__item {\n  background-color: #ffffff;\n\n  .component {\n    padding: 0;\n  }\n}\n","// Variables\n$notebook-sidebar-width: 56px;\n\n// Base\n.notebook-launcher {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        &.md-button.md-fab {\n            z-index: 61;\n        }\n    }\n}\n\n.notes-visible {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        .notebook-report-container {\n            right: 516px;\n            transition: right 250ms;\n        }\n    }\n}\n\n.notebook-menu {\n    transition: opacity 500ms;\n\n    &.ng-enter {\n        opacity: 0;\n    }\n\n    .ng-enter-active {\n        opacity: 1;\n        transition-delay: 250ms;\n    }\n\n    &.ng-leave-active, &.ng-hide {\n        opacity: 0;\n    }\n\n    &.ng-hide-add, &.ng-hide-add-active,\n    &.ng-hide-remove, &.ng-hide-remove-active {\n        opacity: 0;\n    }\n}\n\n.notebook-item {\n    transition: box-shadow 250ms;\n    margin: 0 16px 16px;\n    display: block;\n}\n\n.notebook-item__content {\n    height: 250px;\n    min-width: 230px;\n    position: relative;\n    padding: 0;\n    background-color: color('gray');\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n    position: absolute;\n    left: 0;\n    right: 0;\n}\n\n.notebook-item__content__attachment {\n    background-repeat: no-repeat !important;\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    background-position: center top !important;\n    background-size: cover !important;\n    top: 0;\n    bottom: 0;\n}\n\n.notebook-item__content__text {\n    bottom: 0;\n    padding: 8px;\n    font-weight: 500;\n    overflow: hidden;\n    max-height: 120px;\n    min-height: 56px;\n    background-color: rgba(255,255,255,0.95);\n    border-top: 1px solid color('gray-lighter');\n\n    &:after {\n        content: \"\";\n        text-align: right;\n        position: absolute;\n        bottom: 0;\n        right: 0;\n        width: 100%;\n        height: 0.8em;\n        background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n    }\n}\n\n.notebook-item__content--text-only {\n    &:after {\n        content: \"note\";\n        font-family: 'Material Icons';\n        font-weight: normal;\n        font-style: normal;\n        display: inline-block;\n        line-height: 1;\n        text-transform: none;\n        letter-spacing: normal;\n        word-wrap: normal;\n        white-space: nowrap;\n        direction: ltr;\n\n        /* Support for all WebKit browsers. */\n        -webkit-font-smoothing: antialiased;\n        /* Support for Safari and Chrome. */\n        text-rendering: optimizeLegibility;\n\n        /* Support for Firefox. */\n        -moz-osx-font-smoothing: grayscale;\n\n        /* Support for IE. */\n        font-feature-settings: 'liga';\n        //position: absolute;\n        font-size: 80px;\n        color: color('text-disabled');\n    }\n}\n\n.notebook-item--question__content--text-only {\n    content: \"live_help\";\n}\n\n.notebook-item__content__location {\n    opacity: 0.9;\n    padding: 8px 0;\n\n    md-icon {\n        font-size: 22px;\n    }\n}\n\n.notebook-item__edit {\n    cursor: pointer;\n}\n\n.notebook-item__actions {\n    margin: 0;\n    padding: 0 8px;\n    color: #ffffff;\n    background-color: color('gray-darkest');\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n\n.notebook-item__text-input {\n    margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n    padding-left: 0;\n    padding-right: 0;\n}\n\n.notebook-item__attachment {\n    background-color: color('gray-light');\n    padding: 16px;\n    margin-bottom: 16px;\n    text-align: center;\n    position: relative;\n}\n\n.notebook-item__attachment__content {\n    max-width: 100%;\n    height: auto;\n}\n\n.notebook-item__attachment__delete {\n    position: absolute;\n    top: 4px;\n    right: -2px;\n    // TODO: generalize for on item buttons like this (delete attachment, etc)\n    width: 34px !important;\n    height: 34px !important;\n    min-height: 0;\n\n    md-icon {\n        margin-left: -2px;\n        font-size: 22px;\n    }\n}\n\n.notebook-item__info {\n    font-style: italic;\n    opacity: .8;\n    color: lighten(color('accent-1'), 5%);\n\n    a, md-icon {\n        color: lighten(color('accent-1'), 5%);\n    }\n\n    md-icon {\n        font-size: 1.5em;\n        min-width: 0;\n        width: auto;\n    }\n}\n\n.notebook-item__upload {\n    text-align: center;\n    padding: 24px;\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    color: color('text-secondary');\n    border-radius: 4px;\n    cursor: pointer;\n    border: 1px dashed transparent;\n    transition: all 250ms;\n\n    md-icon, span {\n        transition: color 250ms;\n    }\n\n    &:hover, &:focus, &.dragover {\n        border-color: color('accent');\n        background-color: lighten(color('accent'), 35%);\n        color: color('accent');\n\n        md-icon, span {\n            color: color('accent');\n        }\n    }\n}\n\n.view-notebook-item {\n    width: $layout-breakpoint-xs;\n}\n\n.view-notebook-item__content {\n}\n\n.notebook-item--report {\n    background-color: #ffffff;\n\n    .note-editor {\n        margin-bottom: 16px;\n        border-color: color('gray');\n    }\n}\n\n.notebook-item--report__container {\n    &.ui-scrollpoint {\n        .notebook-item--report__toolbar {\n            position: fixed;\n            top: ($wise-toolbar-height + $md-toolbar-height);\n            left: 0;\n            right: 0;\n            z-index: 1;\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                left: ($notebook-sidebar-width - 2);\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                padding: 0 24px;\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-sm) {\n                padding: 0 32px;\n            }\n\n            .note-toolbar {\n                margin: 0 16px;\n\n                @media only screen and (min-width: $layout-breakpoint-xs) {\n                    margin: 0 8px;\n                }\n\n                @media only screen and (min-width: $layout-breakpoint-sm) {\n                    margin: 0 16px;\n                }\n            }\n        }\n\n        .note-editor {\n            padding-top: 40px;\n        }\n    }\n}\n\n.notebook-item--report__toolbar {\n\n    .note-toolbar {\n        background-color: color('gray-light');\n        border: 1px solid color('gray');\n        margin-bottom: -2px;\n    }\n}\n\n.notebook-item--report__heading {\n    text-align: center;\n    margin-bottom: 32px;\n}\n\n.notebook-item--report__content {\n}\n\n.notebook-item--report__add-note {\n    font-weight: 700;\n}\n\n.notebook-item--report__note-img {\n    max-width: 100%;\n    height: auto !important;\n}\n\n.notebook-sidebar {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 400px;\n        max-width: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 500px;\n        max-width: none;\n    }\n}\n\n.notebook-items {\n    width: 100%;\n    overflow: auto;\n    margin-top: 16px;\n    margin-bottom: 76px;\n\n    .notebook-item {\n        width: 100%;\n    }\n\n    .notebook-item__content {\n        height: 200px;\n        min-width: 0;\n    }\n}\n\n.notebook-items--grading {\n    margin-bottom: 0;\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n    .notebook-enabled {\n        .md-fab-bottom-right, .md-fab-bottom-left {\n            bottom: ($wise-toolbar-height + 8) !important;\n        }\n    }\n}\n\n.notebook-grading {\n    background-color: #ffffff;\n    display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".annotations--grading {\n    md-input-container {\n        margin-bottom: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n\n    input, textarea {\n        //border-width: 0;\n        //background-color: color('text-light-secondary');\n\n        &:focus {\n            background-color: #ffffff;\n        }\n\n        &:disabled {\n            color: color('text');\n        }\n    }\n}\n\n.annotations--grading--revision {\n    margin: 8px 0 0;\n    padding: 8px;\n}\n\n.annotations--notebook {\n    margin-top: 16px;;\n}\n\n.annotations--grading__info {\n    font-style: italic;\n    margin: 8px 8px 4px;\n}\n\n.annotations--grading__item {\n    padding: 8px;\n}\n\n.annotations--grading__score {\n    input {\n        margin-top: 0 !important;\n        font-size: rem(1.8);\n        width: 52px;\n        text-align: center;\n    }\n}\n\n.annotations--grading__score__label {\n    transform: none !important;\n    width: auto;\n    display: block;\n    padding: 0;\n    margin: 0 8px 0 0;\n}\n\n.annotations--grading__score__max {\n    label {\n        display: none;\n    }\n}\n\n.annotations--grading__score__divider {\n    position: relative;\n    top: 12px;\n    margin-left: 4px;\n}\n\n.annotations--grading__auto-comment {\n    margin: 0 2px;\n}\n\n.annotations--grading__auto-comment__content {\n    margin-top: 8px;\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".component--grading {\n    padding: 0;\n    margin: 0;\n\n    &:not(:last-child) {\n        > div {\n            border-bottom: 1px solid color('gray-light');\n        }\n    }\n\n    .component__wrapper {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 16px;\n        margin: 0;\n    }\n}\n\n.component--grading__response {\n    padding-bottom: 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding-right: 16px;\n        padding-bottom: 0;\n    }\n}\n\n.component--grading__response__content {\n    overflow: auto;\n}\n\n.component--grading__annotations {\n    background-color: color('selected-bg');\n}\n\n.component--grading__annotations__divider {\n    padding: 4px;\n    background-color: #ffffff;\n}\n\n.component--grading__actions__info {\n    margin: 16px 0 0;\n    padding-top: 8px;\n    border-top: 1px solid color('gray-lighter');\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".component-revisions {\n    .component {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 0;\n    }\n\n    .component__wrapper {\n        margin: 16px 0;\n    }\n\n    .md-resize-handle {\n        display: none;\n    }\n}\n\n.component-revisions__item, md-list-item.component-revisions__item {\n    padding: 0;\n}\n\n.component-revisions__item--latest {\n    margin-bottom: 24px;\n}\n\n.component-revisions__item__text {\n\n}\n\n.component-revisions__annotation-label {\n    margin-right: 8px;\n}\n\n.component-revisions__has-auto-and-teacher {\n    padding-top: 8px;\n    margin-top: 8px;\n    border-top: 1px solid color('gray-light');\n}\n",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config--monitor.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/monitor.css","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dragula.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_milestones.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_nav--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_grading.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_component--revisions.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,wBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBEQoB,CFPpB,eAAgB,CAChB,cGlC8B,CHmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBExDsB,CF4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,wBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,wBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,aCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,wBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"monitor.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Classroom Monitor Colors\n$_primary-color: #1565c0; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 54%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: map-merge($color, $body-color);\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #1565c0; }\n\nblockquote {\n  background-color: #f5f9fe;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1565c0;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #1565c0;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1565c0 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: #ecf4fd; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1565c0;\n  background-color: #ecf4fd; }\n\n.primary {\n  color: #1565c0; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: #ecf4fd; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #1565c0; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: #ecf4fd; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #1565c0; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: #ecf4fd; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out; }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1565c0; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #1565c0; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n.milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0; }\n  .milestone.md-button {\n    text-transform: none; }\n\n.milestone__progress {\n  background-color: #eeeeee;\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px; }\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: #1565c0;\n  font-size: 28px;\n  font-weight: 500; }\n\n.milestone__title {\n  font-weight: 700;\n  font-size: 15px;\n  margin-bottom: 12px; }\n\n.milestone-details section:not(:first-child) {\n  margin-top: 8px; }\n\n.milestone-details__section {\n  background-color: #ffffff;\n  padding: 16px; }\n  .milestone-details__section > p {\n    margin-top: 16px;\n    margin-bottom: 0; }\n  .milestone-details__section md-list {\n    padding: 0; }\n  .milestone-details__section .grading {\n    padding: 0; }\n\n.milestone-details__header {\n  padding: 12px 16px;\n  margin: -16px -16px 16px;\n  text-transform: uppercase;\n  font-weight: 500; }\n\n.milestone-details__progress {\n  width: 48px;\n  margin-right: 8px; }\n\n.milestone--add.md-button {\n  text-transform: uppercase; }\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: #eeeeee;\n  border-radius: 50%; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: #ecf4fd;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.student-select {\n  padding-top: 0;\n  padding-bottom: 0; }\n\n.workgroup-progress {\n  margin-bottom: 8px; }\n  @media (min-width: 960px) {\n    .workgroup-progress {\n      margin-bottom: 0; } }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1565c0; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #1565c0;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important; }\n\n.grading__item {\n  background-color: #ffffff; }\n  .grading__item .component {\n    padding: 0; }\n\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px; }\n  @media only screen and (min-width: 600px) {\n    notebook-launcher.md-button.md-fab {\n      z-index: 61; } }\n\n@media only screen and (min-width: 960px) {\n  .notes-visible .notebook-report-container {\n    right: 516px;\n    transition: right 250ms; } }\n\n.notebook-menu {\n  transition: opacity 500ms; }\n  .notebook-menu.ng-enter {\n    opacity: 0; }\n  .notebook-menu .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .notebook-menu.ng-leave-active, .notebook-menu.ng-hide {\n    opacity: 0; }\n  .notebook-menu.ng-hide-add, .notebook-menu.ng-hide-add-active, .notebook-menu.ng-hide-remove, .notebook-menu.ng-hide-remove-active {\n    opacity: 0; }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.view-notebook-item {\n  width: 600px; }\n\n.notebook-item--report {\n  background-color: #ffffff; }\n  .notebook-item--report .note-editor {\n    margin-bottom: 16px;\n    border-color: #cccccc; }\n\n.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n  position: fixed;\n  top: 94px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      left: 54px; } }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 24px; } }\n  @media only screen and (min-width: 960px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 32px; } }\n  .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n    margin: 0 16px; }\n    @media only screen and (min-width: 600px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 8px; } }\n    @media only screen and (min-width: 960px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 16px; } }\n\n.notebook-item--report__container.ui-scrollpoint .note-editor {\n  padding-top: 40px; }\n\n.notebook-item--report__toolbar .note-toolbar {\n  background-color: #dddddd;\n  border: 1px solid #cccccc;\n  margin-bottom: -2px; }\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px; }\n\n.notebook-item--report__add-note {\n  font-weight: 700; }\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n.notebook-items {\n  width: 100%;\n  overflow: auto;\n  padding-top: 16px;\n  padding-bottom: 76px; }\n  .notebook-items .notebook-item {\n    width: 100%; }\n  .notebook-items .notebook-item__content {\n    height: 200px;\n    min-width: 0; }\n\n.notebook-items--grading {\n  margin-bottom: 0; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.annotations--grading md-input-container {\n  margin-bottom: 0; }\n\n.annotations--grading .md-errors-spacer {\n  display: none; }\n\n.annotations--grading input:focus, .annotations--grading textarea:focus {\n  background-color: #ffffff; }\n\n.annotations--grading input:disabled, .annotations--grading textarea:disabled {\n  color: rgba(0, 0, 0, 0.87); }\n\n.annotations--grading--revision {\n  margin: 8px 0 0;\n  padding: 8px; }\n\n.annotations--notebook {\n  margin-top: 16px; }\n\n.annotations--grading__info {\n  font-style: italic;\n  margin: 8px 8px 4px; }\n\n.annotations--grading__item {\n  padding: 8px; }\n\n.annotations--grading__score input {\n  margin-top: 0 !important;\n  font-size: 18px;\n  width: 52px;\n  text-align: center; }\n\n.annotations--grading__score__label {\n  transform: none !important;\n  width: auto;\n  display: block;\n  padding: 0;\n  margin: 0 8px 0 0; }\n\n.annotations--grading__score__max label {\n  display: none; }\n\n.annotations--grading__score__divider {\n  position: relative;\n  top: 12px;\n  margin-left: 4px; }\n\n.annotations--grading__auto-comment {\n  margin: 0 2px; }\n\n.annotations--grading__auto-comment__content {\n  margin-top: 8px; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.component--grading {\n  padding: 0;\n  margin: 0; }\n  .component--grading:not(:last-child) > div {\n    border-bottom: 1px solid #dddddd; }\n  .component--grading .component__wrapper {\n    padding: 0;\n    margin: 0; }\n  .component--grading .component__content {\n    padding: 16px;\n    margin: 0; }\n\n.component--grading__response {\n  padding-bottom: 16px; }\n  @media only screen and (min-width: 960px) {\n    .component--grading__response {\n      padding-right: 16px;\n      padding-bottom: 0; } }\n\n.component--grading__response__content {\n  overflow: auto; }\n\n.component--grading__annotations {\n  background-color: #ecf4fd; }\n\n.component--grading__annotations__divider {\n  padding: 4px;\n  background-color: #ffffff; }\n\n.component--grading__actions__info {\n  margin: 16px 0 0;\n  padding-top: 8px;\n  border-top: 1px solid #eeeeee; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #1565c0; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #1565c0; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.component-revisions .component {\n  padding: 0;\n  margin: 0; }\n\n.component-revisions .component__content {\n  padding: 0; }\n\n.component-revisions .component__wrapper {\n  margin: 16px 0; }\n\n.component-revisions .md-resize-handle {\n  display: none; }\n\n.component-revisions__item, md-list-item.component-revisions__item {\n  padding: 0; }\n\n.component-revisions__item--latest {\n  margin-bottom: 24px; }\n\n.component-revisions__annotation-label {\n  margin-right: 8px; }\n\n.component-revisions__has-auto-and-teacher {\n  padding-top: 8px;\n  margin-top: 8px;\n  border-top: 1px solid #dddddd; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n",".gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out;\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}",".milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0;\n\n  &.md-button {\n    text-transform: none;\n  }\n}\n\n.milestone__progress {\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px;\n}\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: color('primary');\n  font-size: rem(2.8);\n  font-weight: 500;\n}\n\n.milestone__title {\n  font-weight: 700;\n  font-size: $body-font-size-base;\n  margin-bottom: 12px;\n}\n\n.milestone-details {\n  section {\n    &:not(:first-child) {\n      margin-top: 8px;\n    }\n  }\n}\n\n.milestone-details__section {\n  background-color: #ffffff;\n  padding: 16px;\n\n  > p {\n    margin-top: 16px;\n    margin-bottom: 0;\n  }\n\n  md-list {\n    padding: 0;\n  }\n\n  .grading {\n    padding: 0;\n  }\n}\n\n.milestone-details__header {\n  padding: 12px 16px;\n  margin: -16px -16px 16px;\n  text-transform: uppercase;\n  font-weight: 500;\n}\n\n.milestone-details__progress {\n  width: 48px;\n  margin-right: 8px;\n}\n\n.milestone--add {\n  &.md-button {\n    text-transform: uppercase;\n  }\n}\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".student-select {\n    padding-top: 0;\n    padding-bottom: 0;\n}\n\n.workgroup-progress {\n    margin-bottom: 8px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        margin-bottom: 0;\n    }\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n",".grading {\n}\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important;\n}\n\n.grading__item {\n  background-color: #ffffff;\n\n  .component {\n    padding: 0;\n  }\n}\n","// Variables\n$notebook-sidebar-width: 56px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\n.notes-visible {\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    .notebook-report-container {\n      right: 516px;\n      transition: right 250ms;\n    }\n  }\n}\n\n.notebook-menu {\n  transition: opacity 500ms;\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active, &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add, &.ng-hide-add-active,\n  &.ng-hide-remove, &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block;\n}\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: color('gray');\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0;\n}\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255,255,255,0.95);\n  border-top: 1px solid color('gray-lighter');\n\n  &:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n  }\n}\n\n.notebook-item__content--text-only {\n  &:after {\n    content: \"note\";\n    font-family: 'Material Icons';\n    font-weight: normal;\n    font-style: normal;\n    display: inline-block;\n    line-height: 1;\n    text-transform: none;\n    letter-spacing: normal;\n    word-wrap: normal;\n    white-space: nowrap;\n    direction: ltr;\n\n    /* Support for all WebKit browsers. */\n    -webkit-font-smoothing: antialiased;\n    /* Support for Safari and Chrome. */\n    text-rendering: optimizeLegibility;\n\n    /* Support for Firefox. */\n    -moz-osx-font-smoothing: grayscale;\n\n    /* Support for IE. */\n    font-feature-settings: 'liga';\n    //position: absolute;\n    font-size: 80px;\n    color: color('text-disabled');\n  }\n}\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\";\n}\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0;\n\n  md-icon {\n    font-size: 22px;\n  }\n}\n\n.notebook-item__edit {\n  cursor: pointer;\n}\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: color('gray-darkest');\n  border-bottom-left-radius: $card-border-radius;\n  border-bottom-right-radius: $card-border-radius;\n\n  md-icon {\n    color: #ffffff;\n  }\n}\n\n.notebook-item__text-input {\n  margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.notebook-item__attachment {\n  background-color: color('gray-light');\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative;\n}\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto;\n}\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  // TODO: generalize for on item buttons like this (delete attachment, etc)\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0;\n\n  md-icon {\n    margin-left: -2px;\n    font-size: 22px;\n  }\n}\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: lighten(color('accent-1'), 5%);\n\n  a, md-icon {\n    color: lighten(color('accent-1'), 5%);\n  }\n\n  md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto;\n  }\n}\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: color('gray-lighter');\n  margin-bottom: 16px;\n  color: color('text-secondary');\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms;\n\n  md-icon, span {\n    transition: color 250ms;\n  }\n\n  &:hover, &:focus, &.dragover {\n    border-color: color('accent');\n    background-color: lighten(color('accent'), 35%);\n    color: color('accent');\n\n    md-icon, span {\n      color: color('accent');\n    }\n  }\n}\n\n.view-notebook-item {\n  width: $layout-breakpoint-xs;\n}\n\n.view-notebook-item__content {\n}\n\n.notebook-item--report {\n  background-color: #ffffff;\n\n  .note-editor {\n    margin-bottom: 16px;\n    border-color: color('gray');\n  }\n}\n\n.notebook-item--report__container {\n  &.ui-scrollpoint {\n    .notebook-item--report__toolbar {\n      position: fixed;\n      top: ($wise-toolbar-height + $md-toolbar-height);\n      left: 0;\n      right: 0;\n      z-index: 1;\n\n      @media only screen and (min-width: $layout-breakpoint-xs) {\n        left: ($notebook-sidebar-width - 2);\n      }\n\n      @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 24px;\n      }\n\n      @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 32px;\n      }\n\n      .note-toolbar {\n        margin: 0 16px;\n\n        @media only screen and (min-width: $layout-breakpoint-xs) {\n          margin: 0 8px;\n        }\n\n        @media only screen and (min-width: $layout-breakpoint-sm) {\n          margin: 0 16px;\n        }\n      }\n    }\n\n    .note-editor {\n      padding-top: 40px;\n    }\n  }\n}\n\n.notebook-item--report__toolbar {\n  .note-toolbar {\n    background-color: color('gray-light');\n    border: 1px solid color('gray');\n    margin-bottom: -2px;\n  }\n}\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px;\n}\n\n.notebook-item--report__content {\n}\n\n.notebook-item--report__add-note {\n  font-weight: 700;\n}\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important;\n}\n\n.notebook-sidebar {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: 400px;\n    max-width: none;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    width: 500px;\n    max-width: none;\n  }\n}\n\n.notebook-items {\n  width: 100%;\n  overflow: auto;\n  padding-top: 16px;\n  padding-bottom: 76px;\n\n  .notebook-item {\n    width: 100%;\n  }\n\n  .notebook-item__content { \n    height: 200px;\n    min-width: 0;\n  }\n}\n\n.notebook-items--grading {\n  margin-bottom: 0;\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".annotations--grading {\n    md-input-container {\n        margin-bottom: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n\n    input, textarea {\n        //border-width: 0;\n        //background-color: color('text-light-secondary');\n\n        &:focus {\n            background-color: #ffffff;\n        }\n\n        &:disabled {\n            color: color('text');\n        }\n    }\n}\n\n.annotations--grading--revision {\n    margin: 8px 0 0;\n    padding: 8px;\n}\n\n.annotations--notebook {\n    margin-top: 16px;;\n}\n\n.annotations--grading__info {\n    font-style: italic;\n    margin: 8px 8px 4px;\n}\n\n.annotations--grading__item {\n    padding: 8px;\n}\n\n.annotations--grading__score {\n    input {\n        margin-top: 0 !important;\n        font-size: rem(1.8);\n        width: 52px;\n        text-align: center;\n    }\n}\n\n.annotations--grading__score__label {\n    transform: none !important;\n    width: auto;\n    display: block;\n    padding: 0;\n    margin: 0 8px 0 0;\n}\n\n.annotations--grading__score__max {\n    label {\n        display: none;\n    }\n}\n\n.annotations--grading__score__divider {\n    position: relative;\n    top: 12px;\n    margin-left: 4px;\n}\n\n.annotations--grading__auto-comment {\n    margin: 0 2px;\n}\n\n.annotations--grading__auto-comment__content {\n    margin-top: 8px;\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".component--grading {\n    padding: 0;\n    margin: 0;\n\n    &:not(:last-child) {\n        > div {\n            border-bottom: 1px solid color('gray-light');\n        }\n    }\n\n    .component__wrapper {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 16px;\n        margin: 0;\n    }\n}\n\n.component--grading__response {\n    padding-bottom: 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding-right: 16px;\n        padding-bottom: 0;\n    }\n}\n\n.component--grading__response__content {\n    overflow: auto;\n}\n\n.component--grading__annotations {\n    background-color: color('selected-bg');\n}\n\n.component--grading__annotations__divider {\n    padding: 4px;\n    background-color: #ffffff;\n}\n\n.component--grading__actions__info {\n    margin: 16px 0 0;\n    padding-top: 8px;\n    border-top: 1px solid color('gray-lighter');\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".component-revisions {\n    .component {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 0;\n    }\n\n    .component__wrapper {\n        margin: 16px 0;\n    }\n\n    .md-resize-handle {\n        display: none;\n    }\n}\n\n.component-revisions__item, md-list-item.component-revisions__item {\n    padding: 0;\n}\n\n.component-revisions__item--latest {\n    margin-bottom: 24px;\n}\n\n.component-revisions__item__text {\n\n}\n\n.component-revisions__annotation-label {\n    margin-right: 8px;\n}\n\n.component-revisions__has-auto-and-teacher {\n    padding-top: 8px;\n    margin-top: 8px;\n    border-top: 1px solid color('gray-light');\n}\n",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
diff --git a/src/main/webapp/wise5/themes/default/style/vle.css b/src/main/webapp/wise5/themes/default/style/vle.css
index 36b7b1add2..ea9247aec5 100644
--- a/src/main/webapp/wise5/themes/default/style/vle.css
+++ b/src/main/webapp/wise5/themes/default/style/vle.css
@@ -1,2 +1,2 @@
-body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1c8ca8}blockquote{background-color:#e7f7fb;padding:8px;margin:16px 0;border:solid #1c8ca8;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1c8ca8;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1c8ca8!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#f4fbfd}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#1c8ca8;background-color:#f4fbfd}.primary{color:#1c8ca8}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#f4fbfd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1c8ca8}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#f4fbfd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1c8ca8}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#f4fbfd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav{background-color:#eee!important}.l-node{margin-top:42px;padding:0}@media only screen and (min-width:600px){.l-node{padding:0 0 16px;background-color:#eee!important}}@media only screen and (min-width:960px){.l-node{padding:0 0 32px}}.l-notebook{margin-top:42px;background-color:#eee!important}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;transition:opacity .25s ease-in-out}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1c8ca8}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1c8ca8}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#f4fbfd}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1c8ca8}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #1c8ca8;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}@media only screen and (min-width:600px){.notebook-launcher.md-button.md-fab{z-index:61}}@media only screen and (min-width:960px){.notes-visible .notebook-report-container{right:516px;transition:right .25s}}.notebook-menu{transition:opacity .5s}.notebook-menu.ng-enter{opacity:0}.notebook-menu .ng-enter-active{opacity:1;transition-delay:.25s}.notebook-menu.ng-hide,.notebook-menu.ng-hide-add,.notebook-menu.ng-hide-add-active,.notebook-menu.ng-hide-remove,.notebook-menu.ng-hide-remove-active,.notebook-menu.ng-leave-active{opacity:0}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.view-notebook-item{width:600px}.notebook-item--report{background-color:#fff}.notebook-item--report .note-editor{margin-bottom:16px;border-color:#ccc}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{position:fixed;top:94px;left:0;right:0;z-index:1}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{left:54px;padding:0 24px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{padding:0 32px}}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 8px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}}.notebook-item--report__container.ui-scrollpoint .note-editor{padding-top:40px}.notebook-item--report__toolbar .note-toolbar{background-color:#ddd;border:1px solid #ccc;margin-bottom:-2px}.notebook-item--report__heading{text-align:center;margin-bottom:32px}.notebook-item--report__add-note{font-weight:700}.notebook-item--report__note-img{max-width:100%;height:auto!important}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}.notebook-items{width:100%;overflow:auto;margin-top:16px;margin-bottom:76px}.notebook-items .notebook-item{width:100%}.notebook-items .notebook-item__content{height:200px;min-width:0}.notebook-items--grading{margin-bottom:0}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#1c8ca8}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#1c8ca8}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
+body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1c8ca8}blockquote{background-color:#e7f7fb;padding:8px;margin:16px 0;border:solid #1c8ca8;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1c8ca8;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1c8ca8!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#f4fbfd}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#1c8ca8;background-color:#f4fbfd}.primary{color:#1c8ca8}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#f4fbfd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1c8ca8}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#f4fbfd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1c8ca8}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#f4fbfd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav{background-color:#eee!important}.l-node{margin-top:42px;padding:0}@media only screen and (min-width:600px){.l-node{padding:0 0 16px;background-color:#eee!important}}@media only screen and (min-width:960px){.l-node{padding:0 0 32px}}.l-notebook{margin-top:42px;background-color:#eee!important}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;transition:opacity .25s ease-in-out}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1c8ca8}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1c8ca8}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#f4fbfd}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1c8ca8}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #1c8ca8;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}notebook-launcher{position:absolute;bottom:24px;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}@media only screen and (min-width:960px){.notes-visible .notebook-report-container{right:516px;transition:right .25s}}.notebook-menu{transition:opacity .5s}.notebook-menu.ng-enter{opacity:0}.notebook-menu .ng-enter-active{opacity:1;transition-delay:.25s}.notebook-menu.ng-hide,.notebook-menu.ng-hide-add,.notebook-menu.ng-hide-add-active,.notebook-menu.ng-hide-remove,.notebook-menu.ng-hide-remove-active,.notebook-menu.ng-leave-active{opacity:0}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.view-notebook-item{width:600px}.notebook-item--report{background-color:#fff}.notebook-item--report .note-editor{margin-bottom:16px;border-color:#ccc}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{position:fixed;top:94px;left:0;right:0;z-index:1}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{left:54px;padding:0 24px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{padding:0 32px}}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 8px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}}.notebook-item--report__container.ui-scrollpoint .note-editor{padding-top:40px}.notebook-item--report__toolbar .note-toolbar{background-color:#ddd;border:1px solid #ccc;margin-bottom:-2px}.notebook-item--report__heading{text-align:center;margin-bottom:32px}.notebook-item--report__add-note{font-weight:700}.notebook-item--report__note-img{max-width:100%;height:auto!important}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}.notebook-items{width:100%;overflow:auto;padding-top:16px;padding-bottom:76px}.notebook-items .notebook-item{width:100%}.notebook-items .notebook-item__content{height:200px;min-width:0}.notebook-items--grading{margin-bottom:0}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#1c8ca8}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#1c8ca8}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
 /*# sourceMappingURL=vle.css.map */
diff --git a/src/main/webapp/wise5/themes/default/style/vle.css.map b/src/main/webapp/wise5/themes/default/style/vle.css.map
index fe075b9307..a33e89ebad 100644
--- a/src/main/webapp/wise5/themes/default/style/vle.css.map
+++ b/src/main/webapp/wise5/themes/default/style/vle.css.map
@@ -1 +1 @@
-{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/vle.css","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-node.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dragula.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,wBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBCQoB,CDPpB,eAAgB,CAChB,cElC8B,CFmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBCxDsB,CD4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,wBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,wBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,aCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,wBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"vle.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #1C8CA8; }\n\nblockquote {\n  background-color: #e7f7fb;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1C8CA8;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #1C8CA8;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1C8CA8 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: #f4fbfd; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1C8CA8;\n  background-color: #f4fbfd; }\n\n.primary {\n  color: #1C8CA8; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: #f4fbfd; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #1C8CA8; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: #f4fbfd; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #1C8CA8; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: #f4fbfd; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-node {\n  margin-top: 42px;\n  padding: 0; }\n  @media only screen and (min-width: 600px) {\n    .l-node {\n      padding: 0 0 16px;\n      background-color: #eeeeee !important; } }\n  @media only screen and (min-width: 960px) {\n    .l-node {\n      padding: 0 0 32px; } }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out; }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1C8CA8; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #1C8CA8; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: #f4fbfd;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1C8CA8; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #1C8CA8;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-launcher.md-button.md-fab {\n    z-index: 61; } }\n\n@media only screen and (min-width: 960px) {\n  .notes-visible .notebook-report-container {\n    right: 516px;\n    transition: right 250ms; } }\n\n.notebook-menu {\n  transition: opacity 500ms; }\n  .notebook-menu.ng-enter {\n    opacity: 0; }\n  .notebook-menu .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .notebook-menu.ng-leave-active, .notebook-menu.ng-hide {\n    opacity: 0; }\n  .notebook-menu.ng-hide-add, .notebook-menu.ng-hide-add-active, .notebook-menu.ng-hide-remove, .notebook-menu.ng-hide-remove-active {\n    opacity: 0; }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.view-notebook-item {\n  width: 600px; }\n\n.notebook-item--report {\n  background-color: #ffffff; }\n  .notebook-item--report .note-editor {\n    margin-bottom: 16px;\n    border-color: #cccccc; }\n\n.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n  position: fixed;\n  top: 94px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      left: 54px; } }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 24px; } }\n  @media only screen and (min-width: 960px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 32px; } }\n  .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n    margin: 0 16px; }\n    @media only screen and (min-width: 600px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 8px; } }\n    @media only screen and (min-width: 960px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 16px; } }\n\n.notebook-item--report__container.ui-scrollpoint .note-editor {\n  padding-top: 40px; }\n\n.notebook-item--report__toolbar .note-toolbar {\n  background-color: #dddddd;\n  border: 1px solid #cccccc;\n  margin-bottom: -2px; }\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px; }\n\n.notebook-item--report__add-note {\n  font-weight: 700; }\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n.notebook-items {\n  width: 100%;\n  overflow: auto;\n  margin-top: 16px;\n  margin-bottom: 76px; }\n  .notebook-items .notebook-item {\n    width: 100%; }\n  .notebook-items .notebook-item__content {\n    height: 200px;\n    min-width: 0; }\n\n.notebook-items--grading {\n  margin-bottom: 0; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #1C8CA8; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #1C8CA8; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-node {\n  margin-top: $wise-toolbar-height;\n  padding: 0;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    padding: 0 0 16px;\n    background-color: color('body-bg') !important;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 0 0 32px;\n  }\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n",".gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out;\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 56px;\n\n// Base\n.notebook-launcher {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        &.md-button.md-fab {\n            z-index: 61;\n        }\n    }\n}\n\n.notes-visible {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        .notebook-report-container {\n            right: 516px;\n            transition: right 250ms;\n        }\n    }\n}\n\n.notebook-menu {\n    transition: opacity 500ms;\n\n    &.ng-enter {\n        opacity: 0;\n    }\n\n    .ng-enter-active {\n        opacity: 1;\n        transition-delay: 250ms;\n    }\n\n    &.ng-leave-active, &.ng-hide {\n        opacity: 0;\n    }\n\n    &.ng-hide-add, &.ng-hide-add-active,\n    &.ng-hide-remove, &.ng-hide-remove-active {\n        opacity: 0;\n    }\n}\n\n.notebook-item {\n    transition: box-shadow 250ms;\n    margin: 0 16px 16px;\n    display: block;\n}\n\n.notebook-item__content {\n    height: 250px;\n    min-width: 230px;\n    position: relative;\n    padding: 0;\n    background-color: color('gray');\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n    position: absolute;\n    left: 0;\n    right: 0;\n}\n\n.notebook-item__content__attachment {\n    background-repeat: no-repeat !important;\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    background-position: center top !important;\n    background-size: cover !important;\n    top: 0;\n    bottom: 0;\n}\n\n.notebook-item__content__text {\n    bottom: 0;\n    padding: 8px;\n    font-weight: 500;\n    overflow: hidden;\n    max-height: 120px;\n    min-height: 56px;\n    background-color: rgba(255,255,255,0.95);\n    border-top: 1px solid color('gray-lighter');\n\n    &:after {\n        content: \"\";\n        text-align: right;\n        position: absolute;\n        bottom: 0;\n        right: 0;\n        width: 100%;\n        height: 0.8em;\n        background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n    }\n}\n\n.notebook-item__content--text-only {\n    &:after {\n        content: \"note\";\n        font-family: 'Material Icons';\n        font-weight: normal;\n        font-style: normal;\n        display: inline-block;\n        line-height: 1;\n        text-transform: none;\n        letter-spacing: normal;\n        word-wrap: normal;\n        white-space: nowrap;\n        direction: ltr;\n\n        /* Support for all WebKit browsers. */\n        -webkit-font-smoothing: antialiased;\n        /* Support for Safari and Chrome. */\n        text-rendering: optimizeLegibility;\n\n        /* Support for Firefox. */\n        -moz-osx-font-smoothing: grayscale;\n\n        /* Support for IE. */\n        font-feature-settings: 'liga';\n        //position: absolute;\n        font-size: 80px;\n        color: color('text-disabled');\n    }\n}\n\n.notebook-item--question__content--text-only {\n    content: \"live_help\";\n}\n\n.notebook-item__content__location {\n    opacity: 0.9;\n    padding: 8px 0;\n\n    md-icon {\n        font-size: 22px;\n    }\n}\n\n.notebook-item__edit {\n    cursor: pointer;\n}\n\n.notebook-item__actions {\n    margin: 0;\n    padding: 0 8px;\n    color: #ffffff;\n    background-color: color('gray-darkest');\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n\n.notebook-item__text-input {\n    margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n    padding-left: 0;\n    padding-right: 0;\n}\n\n.notebook-item__attachment {\n    background-color: color('gray-light');\n    padding: 16px;\n    margin-bottom: 16px;\n    text-align: center;\n    position: relative;\n}\n\n.notebook-item__attachment__content {\n    max-width: 100%;\n    height: auto;\n}\n\n.notebook-item__attachment__delete {\n    position: absolute;\n    top: 4px;\n    right: -2px;\n    // TODO: generalize for on item buttons like this (delete attachment, etc)\n    width: 34px !important;\n    height: 34px !important;\n    min-height: 0;\n\n    md-icon {\n        margin-left: -2px;\n        font-size: 22px;\n    }\n}\n\n.notebook-item__info {\n    font-style: italic;\n    opacity: .8;\n    color: lighten(color('accent-1'), 5%);\n\n    a, md-icon {\n        color: lighten(color('accent-1'), 5%);\n    }\n\n    md-icon {\n        font-size: 1.5em;\n        min-width: 0;\n        width: auto;\n    }\n}\n\n.notebook-item__upload {\n    text-align: center;\n    padding: 24px;\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    color: color('text-secondary');\n    border-radius: 4px;\n    cursor: pointer;\n    border: 1px dashed transparent;\n    transition: all 250ms;\n\n    md-icon, span {\n        transition: color 250ms;\n    }\n\n    &:hover, &:focus, &.dragover {\n        border-color: color('accent');\n        background-color: lighten(color('accent'), 35%);\n        color: color('accent');\n\n        md-icon, span {\n            color: color('accent');\n        }\n    }\n}\n\n.view-notebook-item {\n    width: $layout-breakpoint-xs;\n}\n\n.view-notebook-item__content {\n}\n\n.notebook-item--report {\n    background-color: #ffffff;\n\n    .note-editor {\n        margin-bottom: 16px;\n        border-color: color('gray');\n    }\n}\n\n.notebook-item--report__container {\n    &.ui-scrollpoint {\n        .notebook-item--report__toolbar {\n            position: fixed;\n            top: ($wise-toolbar-height + $md-toolbar-height);\n            left: 0;\n            right: 0;\n            z-index: 1;\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                left: ($notebook-sidebar-width - 2);\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                padding: 0 24px;\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-sm) {\n                padding: 0 32px;\n            }\n\n            .note-toolbar {\n                margin: 0 16px;\n\n                @media only screen and (min-width: $layout-breakpoint-xs) {\n                    margin: 0 8px;\n                }\n\n                @media only screen and (min-width: $layout-breakpoint-sm) {\n                    margin: 0 16px;\n                }\n            }\n        }\n\n        .note-editor {\n            padding-top: 40px;\n        }\n    }\n}\n\n.notebook-item--report__toolbar {\n\n    .note-toolbar {\n        background-color: color('gray-light');\n        border: 1px solid color('gray');\n        margin-bottom: -2px;\n    }\n}\n\n.notebook-item--report__heading {\n    text-align: center;\n    margin-bottom: 32px;\n}\n\n.notebook-item--report__content {\n}\n\n.notebook-item--report__add-note {\n    font-weight: 700;\n}\n\n.notebook-item--report__note-img {\n    max-width: 100%;\n    height: auto !important;\n}\n\n.notebook-sidebar {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 400px;\n        max-width: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 500px;\n        max-width: none;\n    }\n}\n\n.notebook-items {\n    width: 100%;\n    overflow: auto;\n    margin-top: 16px;\n    margin-bottom: 76px;\n\n    .notebook-item {\n        width: 100%;\n    }\n\n    .notebook-item__content {\n        height: 200px;\n        min-width: 0;\n    }\n}\n\n.notebook-items--grading {\n    margin-bottom: 0;\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n    .notebook-enabled {\n        .md-fab-bottom-right, .md-fab-bottom-left {\n            bottom: ($wise-toolbar-height + 8) !important;\n        }\n    }\n}\n\n.notebook-grading {\n    background-color: #ffffff;\n    display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/vle.css","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-node.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dragula.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,wBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBCQoB,CDPpB,eAAgB,CAChB,cElC8B,CFmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBCxDsB,CD4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,wBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,wBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,aCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,wBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"vle.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #1C8CA8; }\n\nblockquote {\n  background-color: #e7f7fb;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1C8CA8;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #1C8CA8;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1C8CA8 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: #f4fbfd; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1C8CA8;\n  background-color: #f4fbfd; }\n\n.primary {\n  color: #1C8CA8; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: #f4fbfd; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #1C8CA8; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: #f4fbfd; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #1C8CA8; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: #f4fbfd; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-node {\n  margin-top: 42px;\n  padding: 0; }\n  @media only screen and (min-width: 600px) {\n    .l-node {\n      padding: 0 0 16px;\n      background-color: #eeeeee !important; } }\n  @media only screen and (min-width: 960px) {\n    .l-node {\n      padding: 0 0 32px; } }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out; }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1C8CA8; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #1C8CA8; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: #f4fbfd;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1C8CA8; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #1C8CA8;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px; }\n  @media only screen and (min-width: 600px) {\n    notebook-launcher.md-button.md-fab {\n      z-index: 61; } }\n\n@media only screen and (min-width: 960px) {\n  .notes-visible .notebook-report-container {\n    right: 516px;\n    transition: right 250ms; } }\n\n.notebook-menu {\n  transition: opacity 500ms; }\n  .notebook-menu.ng-enter {\n    opacity: 0; }\n  .notebook-menu .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .notebook-menu.ng-leave-active, .notebook-menu.ng-hide {\n    opacity: 0; }\n  .notebook-menu.ng-hide-add, .notebook-menu.ng-hide-add-active, .notebook-menu.ng-hide-remove, .notebook-menu.ng-hide-remove-active {\n    opacity: 0; }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.view-notebook-item {\n  width: 600px; }\n\n.notebook-item--report {\n  background-color: #ffffff; }\n  .notebook-item--report .note-editor {\n    margin-bottom: 16px;\n    border-color: #cccccc; }\n\n.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n  position: fixed;\n  top: 94px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      left: 54px; } }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 24px; } }\n  @media only screen and (min-width: 960px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 32px; } }\n  .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n    margin: 0 16px; }\n    @media only screen and (min-width: 600px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 8px; } }\n    @media only screen and (min-width: 960px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 16px; } }\n\n.notebook-item--report__container.ui-scrollpoint .note-editor {\n  padding-top: 40px; }\n\n.notebook-item--report__toolbar .note-toolbar {\n  background-color: #dddddd;\n  border: 1px solid #cccccc;\n  margin-bottom: -2px; }\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px; }\n\n.notebook-item--report__add-note {\n  font-weight: 700; }\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n.notebook-items {\n  width: 100%;\n  overflow: auto;\n  padding-top: 16px;\n  padding-bottom: 76px; }\n  .notebook-items .notebook-item {\n    width: 100%; }\n  .notebook-items .notebook-item__content {\n    height: 200px;\n    min-width: 0; }\n\n.notebook-items--grading {\n  margin-bottom: 0; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #1C8CA8; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #1C8CA8; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-node {\n  margin-top: $wise-toolbar-height;\n  padding: 0;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    padding: 0 0 16px;\n    background-color: color('body-bg') !important;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 0 0 32px;\n  }\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n",".gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out;\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 56px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\n.notes-visible {\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    .notebook-report-container {\n      right: 516px;\n      transition: right 250ms;\n    }\n  }\n}\n\n.notebook-menu {\n  transition: opacity 500ms;\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active, &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add, &.ng-hide-add-active,\n  &.ng-hide-remove, &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block;\n}\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: color('gray');\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0;\n}\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255,255,255,0.95);\n  border-top: 1px solid color('gray-lighter');\n\n  &:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n  }\n}\n\n.notebook-item__content--text-only {\n  &:after {\n    content: \"note\";\n    font-family: 'Material Icons';\n    font-weight: normal;\n    font-style: normal;\n    display: inline-block;\n    line-height: 1;\n    text-transform: none;\n    letter-spacing: normal;\n    word-wrap: normal;\n    white-space: nowrap;\n    direction: ltr;\n\n    /* Support for all WebKit browsers. */\n    -webkit-font-smoothing: antialiased;\n    /* Support for Safari and Chrome. */\n    text-rendering: optimizeLegibility;\n\n    /* Support for Firefox. */\n    -moz-osx-font-smoothing: grayscale;\n\n    /* Support for IE. */\n    font-feature-settings: 'liga';\n    //position: absolute;\n    font-size: 80px;\n    color: color('text-disabled');\n  }\n}\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\";\n}\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0;\n\n  md-icon {\n    font-size: 22px;\n  }\n}\n\n.notebook-item__edit {\n  cursor: pointer;\n}\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: color('gray-darkest');\n  border-bottom-left-radius: $card-border-radius;\n  border-bottom-right-radius: $card-border-radius;\n\n  md-icon {\n    color: #ffffff;\n  }\n}\n\n.notebook-item__text-input {\n  margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.notebook-item__attachment {\n  background-color: color('gray-light');\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative;\n}\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto;\n}\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  // TODO: generalize for on item buttons like this (delete attachment, etc)\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0;\n\n  md-icon {\n    margin-left: -2px;\n    font-size: 22px;\n  }\n}\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: lighten(color('accent-1'), 5%);\n\n  a, md-icon {\n    color: lighten(color('accent-1'), 5%);\n  }\n\n  md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto;\n  }\n}\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: color('gray-lighter');\n  margin-bottom: 16px;\n  color: color('text-secondary');\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms;\n\n  md-icon, span {\n    transition: color 250ms;\n  }\n\n  &:hover, &:focus, &.dragover {\n    border-color: color('accent');\n    background-color: lighten(color('accent'), 35%);\n    color: color('accent');\n\n    md-icon, span {\n      color: color('accent');\n    }\n  }\n}\n\n.view-notebook-item {\n  width: $layout-breakpoint-xs;\n}\n\n.view-notebook-item__content {\n}\n\n.notebook-item--report {\n  background-color: #ffffff;\n\n  .note-editor {\n    margin-bottom: 16px;\n    border-color: color('gray');\n  }\n}\n\n.notebook-item--report__container {\n  &.ui-scrollpoint {\n    .notebook-item--report__toolbar {\n      position: fixed;\n      top: ($wise-toolbar-height + $md-toolbar-height);\n      left: 0;\n      right: 0;\n      z-index: 1;\n\n      @media only screen and (min-width: $layout-breakpoint-xs) {\n        left: ($notebook-sidebar-width - 2);\n      }\n\n      @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 24px;\n      }\n\n      @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 32px;\n      }\n\n      .note-toolbar {\n        margin: 0 16px;\n\n        @media only screen and (min-width: $layout-breakpoint-xs) {\n          margin: 0 8px;\n        }\n\n        @media only screen and (min-width: $layout-breakpoint-sm) {\n          margin: 0 16px;\n        }\n      }\n    }\n\n    .note-editor {\n      padding-top: 40px;\n    }\n  }\n}\n\n.notebook-item--report__toolbar {\n  .note-toolbar {\n    background-color: color('gray-light');\n    border: 1px solid color('gray');\n    margin-bottom: -2px;\n  }\n}\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px;\n}\n\n.notebook-item--report__content {\n}\n\n.notebook-item--report__add-note {\n  font-weight: 700;\n}\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important;\n}\n\n.notebook-sidebar {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: 400px;\n    max-width: none;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    width: 500px;\n    max-width: none;\n  }\n}\n\n.notebook-items {\n  width: 100%;\n  overflow: auto;\n  padding-top: 16px;\n  padding-bottom: 76px;\n\n  .notebook-item {\n    width: 100%;\n  }\n\n  .notebook-item__content {\n    height: 200px;\n    min-width: 0;\n  }\n}\n\n.notebook-items--grading {\n  margin-bottom: 0;\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
diff --git a/src/main/webapp/wise5/themes/default/vle.html b/src/main/webapp/wise5/themes/default/vle.html
index 13148ef934..c42b4e4135 100644
--- a/src/main/webapp/wise5/themes/default/vle.html
+++ b/src/main/webapp/wise5/themes/default/vle.html
@@ -18,15 +18,17 @@
              ng-show="themeCtrl.layoutState === 'nav'"></div>
         <div ng-if="themeCtrl.isEndedAndLocked"
              style="color: red; display: flex; justify-content: center; align-items: center; height: 30px;">
-          <span
-                style="border: 1px solid black; border-radius: 3px; padding-left: 8px; padding-right: 8px; background-color: white;">{{
-            themeCtrl.endedAndLockedMessage }}</span>
+          <span style="border: 1px solid black; border-radius: 3px; padding-left: 8px; padding-right: 8px; background-color: white;">
+            {{ themeCtrl.endedAndLockedMessage }}
+          </span>
         </div>
         <div id="node" ng-cloak ui-view="nodeView" ng-if="themeCtrl.layoutState === 'node'">
         </div>
       </md-content>
       <global-annotations></global-annotations>
+      <notebook-launcher ng-if="!vleController.notesVisible" 
+                         [notebookConfig]="vleController.notebookConfig"></notebook-launcher>
       <notebook></notebook>
     </div>
   </listen-for-delete-keypress>
-</disable-delete-keypress>
\ No newline at end of file
+</disable-delete-keypress>
diff --git a/src/main/webapp/wise5/vle/vleController.ts b/src/main/webapp/wise5/vle/vleController.ts
index 20954eea83..90472ee328 100644
--- a/src/main/webapp/wise5/vle/vleController.ts
+++ b/src/main/webapp/wise5/vle/vleController.ts
@@ -10,6 +10,7 @@ import { StudentDataService } from '../services/studentDataService';
 import * as angular from 'angular';
 import * as $ from 'jquery';
 import { Directive } from '@angular/core';
+import { Subscription } from 'rxjs';
 
 @Directive()
 class VLEController {
@@ -26,6 +27,7 @@ class VLEController {
   notebookEnabled: boolean;
   notebookConfig: any;
   notebookItemPath: string;
+  notesVisible: boolean = false;
   notifications: any;
   pauseDialog: any;
   projectName: string;
@@ -33,9 +35,11 @@ class VLEController {
   reportItem: any;
   themePath: string;
   totalScore: any;
-  currentNodeChangedSubscription: any;
-  showSessionWarningSubscription: any;
-  notificationChangedSubscription: any;
+  currentNodeChangedSubscription: Subscription;
+  showSessionWarningSubscription: Subscription;
+  notificationChangedSubscription: Subscription;
+  notesVisibleSubscription: Subscription;
+  pauseScreenSubscription: Subscription;
 
   static $inject = [
     '$anchorScroll',
@@ -99,8 +103,9 @@ class VLEController {
     this.totalScore = this.StudentDataService.getTotalScore();
     this.maxScore = this.StudentDataService.maxScore;
     this.notebookEnabled = this.NotebookService.isNotebookEnabled();
-
-    this.notebookConfig = this.NotebookService.getNotebookConfig();
+    if (this.notebookEnabled) {
+      this.notebookConfig = this.NotebookService.getStudentNotebookConfig();
+    }
     // Get report, if enabled; assume only one report for now
     this.reportItem = this.notebookConfig.itemTypes.report.notes[0];
 
@@ -213,12 +218,18 @@ class VLEController {
       }
     );
 
-    this.StudentDataService.pauseScreen$.subscribe((doPause: boolean) => {
-      if (doPause) {
-        this.pauseScreen();
-      } else {
-        this.unPauseScreen();
+    this.pauseScreenSubscription = this.StudentDataService.pauseScreen$.subscribe(
+      (doPause: boolean) => {
+        if (doPause) {
+          this.pauseScreen();
+        } else {
+          this.unPauseScreen();
+        }
       }
+    );
+
+    this.notesVisibleSubscription = this.NotebookService.notesVisible$.subscribe((notesVisible) => {
+      this.notesVisible = notesVisible;
     });
 
     // Make sure if we drop something on the page we don't navigate away
@@ -300,6 +311,7 @@ class VLEController {
     this.currentNodeChangedSubscription.unsubscribe();
     this.showSessionWarningSubscription.unsubscribe();
     this.notificationChangedSubscription.unsubscribe();
+    this.pauseScreenSubscription.unsubscribe();
   }
 
   goHome() {

From 11e6825da881b38f55bdd7ca6722c4dff3f31a02 Mon Sep 17 00:00:00 2001
From: Geoffrey Kwan <geoffreykwan@gmail.com>
Date: Thu, 18 Feb 2021 16:33:19 -0500
Subject: [PATCH 10/36] Extract grading view from the Match component. #2940

---
 .../src/app/common-hybrid-angular.module.ts   |   3 +
 .../src/app/teacher-hybrid-angular.module.ts  |   2 +
 .../workgroupComponentRevisions.ts            |   9 +-
 .../workgroupNodeGrading.ts                   |  50 +-
 .../webapp/wise5/components/match/index.html  | 545 ++++++------------
 .../match-grading.component.html              | 117 ++++
 .../match-grading.component.scss              |  29 +
 .../match-grading/match-grading.component.ts  |  80 +++
 .../match/matchGradingComponentModule.ts      |  14 +
 .../teacher/teacher-angular-js-module.ts      |   2 +
 10 files changed, 472 insertions(+), 379 deletions(-)
 create mode 100644 src/main/webapp/wise5/components/match/match-grading/match-grading.component.html
 create mode 100644 src/main/webapp/wise5/components/match/match-grading/match-grading.component.scss
 create mode 100644 src/main/webapp/wise5/components/match/match-grading/match-grading.component.ts
 create mode 100644 src/main/webapp/wise5/components/match/matchGradingComponentModule.ts

diff --git a/src/main/webapp/site/src/app/common-hybrid-angular.module.ts b/src/main/webapp/site/src/app/common-hybrid-angular.module.ts
index c03ae57d53..4c3ae6ff75 100644
--- a/src/main/webapp/site/src/app/common-hybrid-angular.module.ts
+++ b/src/main/webapp/site/src/app/common-hybrid-angular.module.ts
@@ -57,6 +57,7 @@ import { WiseTinymceEditorComponent } from '../../../wise5/directives/wise-tinym
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 import { MatRadioModule } from '@angular/material/radio';
+import { MatDividerModule } from '@angular/material/divider';
 
 @Component({ template: `` })
 export class EmptyComponent {}
@@ -80,6 +81,7 @@ export class EmptyComponent {}
     MatCardModule,
     MatCheckboxModule,
     MatDialogModule,
+    MatDividerModule,
     MatFormFieldModule,
     MatIconModule,
     MatInputModule,
@@ -138,6 +140,7 @@ export class EmptyComponent {}
     MatCardModule,
     MatCheckboxModule,
     MatDialogModule,
+    MatDividerModule,
     MatFormFieldModule,
     MatIconModule,
     MatInputModule,
diff --git a/src/main/webapp/site/src/app/teacher-hybrid-angular.module.ts b/src/main/webapp/site/src/app/teacher-hybrid-angular.module.ts
index 4be8ee0f72..6bf978325e 100644
--- a/src/main/webapp/site/src/app/teacher-hybrid-angular.module.ts
+++ b/src/main/webapp/site/src/app/teacher-hybrid-angular.module.ts
@@ -61,6 +61,7 @@ import { AudioOscillatorAuthoring } from '../../../wise5/components/audioOscilla
 import { AnimationAuthoring } from '../../../wise5/components/animation/animation-authoring/animation-authoring.component';
 import { OpenResponseGrading } from '../../../wise5/components/openResponse/open-response-grading/open-response-grading.component';
 import { MultipleChoiceGrading } from '../../../wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component';
+import { MatchGrading } from '../../../wise5/components/match/match-grading/match-grading.component';
 
 @NgModule({
   declarations: [
@@ -90,6 +91,7 @@ import { MultipleChoiceGrading } from '../../../wise5/components/multipleChoice/
     LabelAuthoring,
     ManageStudentsComponent,
     MatchAuthoring,
+    MatchGrading,
     MilestonesComponent,
     MilestoneReportDataComponent,
     MultipleChoiceAuthoring,
diff --git a/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupComponentRevisions/workgroupComponentRevisions.ts b/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupComponentRevisions/workgroupComponentRevisions.ts
index f42d909900..e315d70b4a 100644
--- a/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupComponentRevisions/workgroupComponentRevisions.ts
+++ b/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupComponentRevisions/workgroupComponentRevisions.ts
@@ -158,8 +158,15 @@ const WorkgroupComponentRevisions = {
                         </h3>
                         <div style="padding: 20px;">
                             <ng-content ng-switch="item.componentState.componentType">
-                              <div ng-switch-when="MultipleChoice|OpenResponse" ng-switch-when-separator="|" class="component__content" layout="row" layout-wrap>
+                              <div ng-switch-when="Match|MultipleChoice|OpenResponse" ng-switch-when-separator="|" class="component__content" layout="row" layout-wrap>
                                   <div flex="100" flex-gt-sm="66" layout="column" class="component--grading__response">
+                                      <match-grading
+                                          ng-if="item.componentState.componentType === 'Match'"
+                                          node-id="{{::$ctrl.nodeId}}"
+                                          component-id="{{::$ctrl.componentId}}"
+                                          component-state="{{ item.componentState }}"
+                                          workgroup-id="::$ctrl.workgroupId">
+                                      </match-grading>
                                       <multiple-choice-grading
                                           ng-if="item.componentState.componentType === 'MultipleChoice'"
                                           node-id="{{::$ctrl.nodeId}}"
diff --git a/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupNodeGrading/workgroupNodeGrading.ts b/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupNodeGrading/workgroupNodeGrading.ts
index d504956db4..cd97146b3b 100644
--- a/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupNodeGrading/workgroupNodeGrading.ts
+++ b/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupNodeGrading/workgroupNodeGrading.ts
@@ -138,28 +138,36 @@ const WorkgroupNodeGrading = {
                     </h3>
                     <ng-content ng-switch="::component.type">
                       {{latestComponentState = $ctrl.getLatestComponentStateByWorkgroupIdAndComponentId($ctrl.workgroupId, component.id); ""}}
-                      <div ng-switch-when="MultipleChoice|OpenResponse" ng-switch-when-separator="|" class="component__content" layout="row" layout-wrap>
+                      <div ng-switch-when="Match|MultipleChoice|OpenResponse" ng-switch-when-separator="|" class="component__content" layout="row" layout-wrap>
                         <div flex="100" flex-gt-sm="66" layout="column" class="component--grading__response">
-                          <multiple-choice-grading
-                              ng-if="component.type === 'MultipleChoice'"
-                              node-id="{{::$ctrl.nodeId}}"
-                              component-id="{{::component.id}}"
-                              component-state="{{latestComponentState}}">
-                          </multiple-choice-grading>
-                          <open-response-grading
-                              ng-if="component.type === 'OpenResponse'"
-                              node-id="{{::$ctrl.nodeId}}"
-                              component-id="{{::component.id}}"
-                              component-state="{{latestComponentState}}">
-                          </open-response-grading>
-                          <span flex></span>
-                          <component-revisions-info node-id="::$ctrl.nodeId"
-                              component-id="::component.id"
-                              from-workgroup-id="::$ctrl.teacherWorkgroupId"
-                              to-workgroup-id="::$ctrl.workgroupId"
-                              component-state="latestComponentState"
-                              active='true'>
-                          </component-revisions-info>
+                          <ng-content ng-if="latestComponentState != null && latestComponentState !== ''">
+                            <match-grading
+                                ng-if="component.type === 'Match'"
+                                node-id="{{::$ctrl.nodeId}}"
+                                component-id="{{::component.id}}"
+                                component-state="{{latestComponentState}}">
+                            </match-grading>
+                            <multiple-choice-grading
+                                ng-if="component.type === 'MultipleChoice'"
+                                node-id="{{::$ctrl.nodeId}}"
+                                component-id="{{::component.id}}"
+                                component-state="{{latestComponentState}}">
+                            </multiple-choice-grading>
+                            <open-response-grading
+                                ng-if="component.type === 'OpenResponse'"
+                                node-id="{{::$ctrl.nodeId}}"
+                                component-id="{{::component.id}}"
+                                component-state="{{latestComponentState}}">
+                            </open-response-grading>
+                            <span flex></span>
+                            <component-revisions-info node-id="::$ctrl.nodeId"
+                                component-id="::component.id"
+                                from-workgroup-id="::$ctrl.teacherWorkgroupId"
+                                to-workgroup-id="::$ctrl.workgroupId"
+                                component-state="latestComponentState"
+                                active='true'>
+                            </component-revisions-info>
+                          </ng-content>
                         </div>
                         <div flex="100" flex-gt-sm="33" class="component--grading__annotations">
                           <component-grading node-id="::$ctrl.nodeId"
diff --git a/src/main/webapp/wise5/components/match/index.html b/src/main/webapp/wise5/components/match/index.html
index 0c5a978486..0a1c323485 100644
--- a/src/main/webapp/wise5/components/match/index.html
+++ b/src/main/webapp/wise5/components/match/index.html
@@ -1,370 +1,201 @@
 <div ng-controller='MatchController as matchController' flex>
-  <div>
-    <div ng-switch='::matchController.mode'>
-      <div ng-switch-when='grading|gradingRevision'
-          ng-switch-when-separator='|'
-          layout='row'
-          layout-wrap>
-        <div flex='100'
-            flex-gt-sm='66'
-            layout='column'
-            class='component--grading__response'>
-          <div class='component--grading__response__content'>
-            <div class='match-content'
-                ng-if='matchController.$scope.componentState'>
-              <div layout='row'
-                  layout-wrap>
-                <div class='match-bucket match-bucket--choices'
-                    flex='100'
-                    flex-gt-sm='{{::matchController.isHorizontal ? 50: 100}}'>
-                  <md-card>
-                    <md-card-title class='match-bucket__header'>
-                      <md-card-title-text>
-                        <compile data='::matchController.buckets[0].value'></compile>
-                      </md-card-title-text>
-                    </md-card-title>
-                    <md-card-content class='match-bucket__content'>
-                      <md-list class='match-bucket__contents'
-                          ng-style='::matchController.choiceStyle'>
-                        <div class='match-bucket__item'
-                            ng-repeat='item in ::matchController.buckets[0].items'>
-                          <md-list-item class='match-bucket__item__contents'>
-                            <div class='md-list-item-text'>
-                              <div flex
-                                  layout='row'
-                                  layout-align='start center'>
-                                <span class='match-bucket__item__contents__text'>
-                                  <compile data='::item.value'></compile>
-                                </span>
-                                <span flex></span>
-                                <md-icon>open_with</md-icon>
-                              </div>
-                              <p class='match-feedback md-body-2'
-                                  ng-if='::item.feedback'
-                                  ng-class='{"success-bg": !matchController.hasCorrectAnswer || item.isCorrect, "info-bg": item.isIncorrectPosition, "warn-bg": matchController.hasCorrectAnswer && !item.isCorrect}'>
-                                <md-icon ng-if='::matchController.hasCorrectAnswer && item.isCorrect'>
-                                  check
-                                </md-icon>
-                                <md-icon ng-if='::matchController.hasCorrectAnswer && item.isIncorrectPosition'>
-                                  warning
-                                </md-icon>
-                                <md-icon ng-if='::matchController.hasCorrectAnswer && !item.isCorrect && !item.isIncorrectPosition'>
-                                  clear
-                                </md-icon>
-                                <span>
-                                  <compile data='::item.feedback'></compile>
-                                </span>
-                              </p>
-                            </div>
-                          </md-list-item>
-                        </div>
-                      </md-list>
-                    </md-card-content>
-                  </md-card>
-                  <md-divider class='match-divider {{::matchController.isHorizontal ? "match-divider--horizontal" : ""}}'></md-divider>
-                </div>
-                <div layout='row'
-                    layout-wrap
-                    layout-align='center start'
-                    flex='100'
-                    flex-gt-sm='{{::matchController.isHorizontal ? 50 : 100}}'>
-                  <div ng-repeat='bucket in ::matchController.buckets'
-                      ng-if='$index > 0'
-                      class='match-bucket'
-                      flex='100'
-                      flex-gt-sm='{{::matchController.isHorizontal ? 100 : matchController.bucketWidth}}'>
-                    <md-card>
-                      <md-card-title class='match-bucket__header'>
-                        <md-card-title-text><compile data='::bucket.value'></compile></md-card-title-text>
-                      </md-card-title>
-                      <md-card-content class='match-bucket__content'>
-                        <md-list class='match-bucket__contents'
-                            ng-style='::matchController.bucketStyle'>
-                          <div class='match-bucket__item'
-                              ng-repeat='item in ::bucket.items'>
-                            <md-list-item class='match-bucket__item__contents'>
-                              <div class='md-list-item-text'>
-                                <div flex layout='row'
-                                    layout-align='start center'>
-                                  <span class='match-bucket__item__contents__text'>
-                                    <compile data='::item.value'></compile>
-                                  </span>
-                                </div>
-                                <p class='match-feedback md-body-2'
-                                    ng-show='::item.feedback'
-                                    ng-class='::{"success-bg": !matchController.hasCorrectAnswer || item.isCorrect, "info-bg": item.isIncorrectPosition, "warn-bg": matchController.hasCorrectAnswer && !item.isCorrect}'>
-                                  <md-icon ng-if='::matchController.hasCorrectAnswer && item.isCorrect'>
-                                    check
-                                  </md-icon>
-                                  <md-icon ng-if='::matchController.hasCorrectAnswer && item.isIncorrectPosition'>
-                                    warning
-                                  </md-icon>
-                                  <md-icon ng-if='::matchController.hasCorrectAnswer && !item.isCorrect && !item.isIncorrectPosition'>
-                                    clear
-                                  </md-icon>
-                                  <span>
-                                    <compile data='::item.feedback'></compile>
-                                  </span>
-                                </p>
-                              </div>
-                            </md-list-item>
-                          </div>
-                        </md-list>
-                      </md-card-content>
-                    </md-card>
-                  </div>
+  <div class='component__prompt'>
+    <div class='component__prompt__content'>
+      <compile data='matchController.getPrompt()'></compile>
+    </div>
+    <possible-score [max-score]='matchController.componentContent.maxScore'></possible-score>
+  </div>
+  <div class='match-content'>
+    <component-annotations ng-if='matchController.mode === "student"'
+        class='annotations--inside'
+        [annotations]='matchController.latestAnnotations'
+        [max-score]='matchController.componentContent.maxScore'>
+    </component-annotations>
+    <div layout='row'
+        layout-wrap>
+      <div class='match-bucket match-bucket--choices'
+          flex='100'
+          flex-gt-sm='{{matchController.isHorizontal ? 50: 100}}'>
+        <md-card>
+          <md-card-title class='match-bucket__header'>
+            <md-card-title-text>
+              <div style="display: flex; align-items: center;">
+                <div><compile data='matchController.buckets[0].value'></compile></div>
+                <div ng-if="matchController.componentContent.canCreateChoices">
+                  <md-button ng-click="matchController.addChoice()"
+                             class='studentButton md-raised md-primary'
+                             ng-disabled='matchController.isDisabled'>
+                    <md-icon>add</md-icon>
+                    <md-tooltip md-direction='top'>
+                      {{ 'match.addChoice' | translate }}
+                    </md-tooltip>
+                  </md-button>
                 </div>
               </div>
-            </div>
-            <div>
-              <div class='md-caption'
-                  ng-if='::matchController.hasCorrectAnswer && matchController.componentContent.maxSubmitCount != null && matchController.componentContent.maxSubmitCount == 1'
-                  ng-show='::matchController.componentContent.maxSubmitCount != null'
-                  translate='YOU_HAVE_USED_X_OF_Y_ATTEMPT'
-                  translate-values='{x: ::matchController.submitCounter, y: ::matchController.componentContent.maxSubmitCount}'>
-              </div>
-              <div class='md-caption'
-                  ng-if='::matchController.hasCorrectAnswer && matchController.componentContent.maxSubmitCount != null && matchController.componentContent.maxSubmitCount > 1'
-                  ng-show='::matchController.componentContent.maxSubmitCount != null'
-                  translate='YOU_HAVE_USED_X_OF_Y_ATTEMPTS'
-                  translate-values='{x: ::matchController.submitCounter, y: ::matchController.componentContent.maxSubmitCount}'>
-              </div>
-              <div ng-if='::matchController.isLatestComponentStateSubmit == false || !matchController.hasCorrectAnswer'>
-                &nbsp
-              </div>
-              <div ng-if='::matchController.isLatestComponentStateSubmit && matchController.hasCorrectAnswer && matchController.isCorrect === true'
-                  style='color: green'>
-                {{ 'CORRECT' | translate }}!
-              </div>
-              <div ng-if='::matchController.isLatestComponentStateSubmit && matchController.hasCorrectAnswer && matchController.isCorrect === false'
-                  style='color: red'>
-                {{ 'INCORRECT' | translate }}
+            </md-card-title-text>
+          </md-card-title>
+          <md-card-content class='match-bucket__content'>
+            <md-list class='match-bucket__contents'
+                dragula='"match_{{matchController.componentId}}"'
+                dragula-model='matchController.buckets[0].items'
+                ng-style='matchController.choiceStyle'>
+              <div class='match-bucket__item'
+                  ng-repeat='item in matchController.buckets[0].items'>
+                <md-list-item class='match-bucket__item__contents'>
+                  <div class='md-list-item-text'>
+                    <div flex
+                        layout='row'
+                        layout-align='start center'>
+                      <span class='match-bucket__item__contents__text'>
+                        <compile data='item.value'></compile>
+                      </span>
+                      <span flex></span>
+                      <md-button ng-if="item.studentCreated"
+                                 ng-click="matchController.deleteChoice(item)"
+                                 ng-disabled='matchController.isDisabled'>
+                        <md-icon>clear</md-icon>
+                      </md-button>
+                      <md-icon>open_with</md-icon>
+                    </div>
+                    <p class='match-feedback md-body-2'
+                        ng-show='item.feedback'
+                        ng-class='{"success-bg": !matchController.hasCorrectAnswer || item.isCorrect, "info-bg": item.isIncorrectPosition, "warn-bg": matchController.hasCorrectAnswer && !item.isCorrect}'>
+                      <md-icon ng-if='matchController.hasCorrectAnswer && item.isCorrect'>
+                        check
+                      </md-icon>
+                      <md-icon ng-if='matchController.hasCorrectAnswer && item.isIncorrectPosition'>
+                        warning
+                      </md-icon>
+                      <md-icon ng-if='matchController.hasCorrectAnswer && !item.isCorrect && !item.isIncorrectPosition'>
+                        clear
+                      </md-icon>
+                      <span>
+                        <compile data='item.feedback'></compile>
+                      </span>
+                    </p>
+                  </div>
+                </md-list-item>
               </div>
-            </div>
-          </div>
-          <span flex></span>
-          <component-revisions-info node-id='::matchController.nodeId'
-              component-id='::matchController.componentId'
-              to-workgroup-id='workgroupId'
-              component-state='componentState'
-              active='::matchController.mode === "grading"'>
-          </component-revisions-info>
-        </div>
-        <div flex='100'
-            flex-gt-sm='33'
-            class='component--grading__annotations'>
-          <component-grading node-id='matchController.nodeId'
-              component-id='::matchController.componentId'
-              max-score='::matchController.componentContent.maxScore'
-              from-workgroup-id='teacherWorkgroupId'
-              to-workgroup-id='workgroupId'
-              component-state-id='componentState.id'
-              show-all-annotations='::matchController.mode !== "grading"'
-              is-disabled='::matchController.mode !== "grading"'>
-          </component-grading>
-        </div>
+            </md-list>
+          </md-card-content>
+        </md-card>
+        <md-divider class='match-divider {{matchController.isHorizontal ? "match-divider--horizontal" : ""}}'></md-divider>
       </div>
-      <div ng-switch-default>
-        <div class='component__prompt'>
-          <div class='component__prompt__content'>
-            <compile data='matchController.getPrompt()'></compile>
-          </div>
-          <possible-score [max-score]='matchController.componentContent.maxScore'></possible-score>
-        </div>
-        <div class='match-content'>
-          <component-annotations ng-if='matchController.mode === "student"'
-              class='annotations--inside'
-              [annotations]='matchController.latestAnnotations'
-              [max-score]='matchController.componentContent.maxScore'>
-          </component-annotations>
-          <div layout='row'
-              layout-wrap>
-            <div class='match-bucket match-bucket--choices'
-                flex='100'
-                flex-gt-sm='{{matchController.isHorizontal ? 50: 100}}'>
-              <md-card>
-                <md-card-title class='match-bucket__header'>
-                  <md-card-title-text>
-                    <div style="display: flex; align-items: center;">
-                      <div><compile data='matchController.buckets[0].value'></compile></div>
-                      <div ng-if="matchController.componentContent.canCreateChoices">
-                        <md-button ng-click="matchController.addChoice()"
-                                   class='studentButton md-raised md-primary'
+      <div layout='row'
+          layout-wrap layout-align='center start'
+          flex='100'
+          flex-gt-sm='{{matchController.isHorizontal ? 50 : 100}}'>
+        <div ng-repeat='bucket in matchController.buckets'
+            ng-if='$index > 0'
+            class='match-bucket'
+            flex='100'
+            flex-gt-sm='{{matchController.isHorizontal ? 100 : matchController.bucketWidth}}'>
+          <md-card>
+            <md-card-title class='match-bucket__header'>
+              <md-card-title-text>
+                <compile data='bucket.value'></compile>
+              </md-card-title-text>
+            </md-card-title>
+            <md-card-content class='match-bucket__content'>
+              <md-list class='match-bucket__contents'
+                  dragula='"match_{{matchController.componentId}}"'
+                  dragula-model='bucket.items'
+                  ng-style='matchController.bucketStyle'>
+                <div class='match-bucket__item'
+                    ng-repeat='item in bucket.items'>
+                  <md-list-item class='match-bucket__item__contents'>
+                    <div class='md-list-item-text'>
+                      <div flex
+                          layout='row'
+                          layout-align='start center'>
+                        <span class='match-bucket__item__contents__text'>
+                          <compile data='item.value'></compile>
+                        </span>
+                        <span flex></span>
+                        <md-button ng-if="item.studentCreated"
+                                   ng-click="matchController.deleteChoice(item)"
                                    ng-disabled='matchController.isDisabled'>
-                          <md-icon>add</md-icon>
-                          <md-tooltip md-direction='top'>
-                            {{ 'match.addChoice' | translate }}
-                          </md-tooltip>
+                          <md-icon>clear</md-icon>
                         </md-button>
+                        <md-icon>open_with</md-icon>
                       </div>
+                      <p class='match-feedback md-body-2'
+                          ng-show='item.feedback'
+                          ng-class='{"success-bg": !matchController.hasCorrectAnswer || item.isCorrect, "info-bg": item.isIncorrectPosition, "warn-bg": matchController.hasCorrectAnswer && !item.isCorrect}'>
+                        <md-icon ng-if='matchController.hasCorrectAnswer && item.isCorrect'>
+                          check
+                        </md-icon>
+                        <md-icon ng-if='matchController.hasCorrectAnswer && item.isIncorrectPosition'>
+                          warning
+                        </md-icon>
+                        <md-icon ng-if='matchController.hasCorrectAnswer && !item.isCorrect && !item.isIncorrectPosition'>
+                          clear
+                        </md-icon>
+                        <span>
+                          <compile data='item.feedback'></compile>
+                        </span>
+                      </p>
                     </div>
-                  </md-card-title-text>
-                </md-card-title>
-                <md-card-content class='match-bucket__content'>
-                  <md-list class='match-bucket__contents'
-                      dragula='"match_{{matchController.componentId}}"'
-                      dragula-model='matchController.buckets[0].items'
-                      ng-style='matchController.choiceStyle'>
-                    <div class='match-bucket__item'
-                        ng-repeat='item in matchController.buckets[0].items'>
-                      <md-list-item class='match-bucket__item__contents'>
-                        <div class='md-list-item-text'>
-                          <div flex
-                              layout='row'
-                              layout-align='start center'>
-                            <span class='match-bucket__item__contents__text'>
-                              <compile data='item.value'></compile>
-                            </span>
-                            <span flex></span>
-                            <md-button ng-if="item.studentCreated"
-                                       ng-click="matchController.deleteChoice(item)"
-                                       ng-disabled='matchController.isDisabled'>
-                              <md-icon>clear</md-icon>
-                            </md-button>
-                            <md-icon>open_with</md-icon>
-                          </div>
-                          <p class='match-feedback md-body-2'
-                              ng-show='item.feedback'
-                              ng-class='{"success-bg": !matchController.hasCorrectAnswer || item.isCorrect, "info-bg": item.isIncorrectPosition, "warn-bg": matchController.hasCorrectAnswer && !item.isCorrect}'>
-                            <md-icon ng-if='matchController.hasCorrectAnswer && item.isCorrect'>
-                              check
-                            </md-icon>
-                            <md-icon ng-if='matchController.hasCorrectAnswer && item.isIncorrectPosition'>
-                              warning
-                            </md-icon>
-                            <md-icon ng-if='matchController.hasCorrectAnswer && !item.isCorrect && !item.isIncorrectPosition'>
-                              clear
-                            </md-icon>
-                            <span>
-                              <compile data='item.feedback'></compile>
-                            </span>
-                          </p>
-                        </div>
-                      </md-list-item>
-                    </div>
-                  </md-list>
-                </md-card-content>
-              </md-card>
-              <md-divider class='match-divider {{matchController.isHorizontal ? "match-divider--horizontal" : ""}}'></md-divider>
-            </div>
-            <div layout='row'
-                layout-wrap layout-align='center start'
-                flex='100'
-                flex-gt-sm='{{matchController.isHorizontal ? 50 : 100}}'>
-              <div ng-repeat='bucket in matchController.buckets'
-                  ng-if='$index > 0'
-                  class='match-bucket'
-                  flex='100'
-                  flex-gt-sm='{{matchController.isHorizontal ? 100 : matchController.bucketWidth}}'>
-                <md-card>
-                  <md-card-title class='match-bucket__header'>
-                    <md-card-title-text>
-                      <compile data='bucket.value'></compile>
-                    </md-card-title-text>
-                  </md-card-title>
-                  <md-card-content class='match-bucket__content'>
-                    <md-list class='match-bucket__contents'
-                        dragula='"match_{{matchController.componentId}}"'
-                        dragula-model='bucket.items'
-                        ng-style='matchController.bucketStyle'>
-                      <div class='match-bucket__item'
-                          ng-repeat='item in bucket.items'>
-                        <md-list-item class='match-bucket__item__contents'>
-                          <div class='md-list-item-text'>
-                            <div flex
-                                layout='row'
-                                layout-align='start center'>
-                              <span class='match-bucket__item__contents__text'>
-                                <compile data='item.value'></compile>
-                              </span>
-                              <span flex></span>
-                              <md-button ng-if="item.studentCreated"
-                                         ng-click="matchController.deleteChoice(item)"
-                                         ng-disabled='matchController.isDisabled'>
-                                <md-icon>clear</md-icon>
-                              </md-button>
-                              <md-icon>open_with</md-icon>
-                            </div>
-                            <p class='match-feedback md-body-2'
-                                ng-show='item.feedback'
-                                ng-class='{"success-bg": !matchController.hasCorrectAnswer || item.isCorrect, "info-bg": item.isIncorrectPosition, "warn-bg": matchController.hasCorrectAnswer && !item.isCorrect}'>
-                              <md-icon ng-if='matchController.hasCorrectAnswer && item.isCorrect'>
-                                check
-                              </md-icon>
-                              <md-icon ng-if='matchController.hasCorrectAnswer && item.isIncorrectPosition'>
-                                warning
-                              </md-icon>
-                              <md-icon ng-if='matchController.hasCorrectAnswer && !item.isCorrect && !item.isIncorrectPosition'>
-                                clear
-                              </md-icon>
-                              <span>
-                                <compile data='item.feedback'></compile>
-                              </span>
-                            </p>
-                          </div>
-                        </md-list-item>
-                      </div>
-                    </md-list>
-                  </md-card-content>
-                </md-card>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div>
-          <div class='md-caption'
-              ng-if='matchController.hasCorrectAnswer && matchController.componentContent.maxSubmitCount != null && matchController.componentContent.maxSubmitCount == 1'
-              ng-show='matchController.componentContent.maxSubmitCount != null'
-              translate='YOU_HAVE_USED_X_OF_Y_ATTEMPT'
-              translate-values='{x: matchController.submitCounter, y: matchController.componentContent.maxSubmitCount}'>
-          </div>
-          <div class='md-caption'
-              ng-if='matchController.hasCorrectAnswer && matchController.componentContent.maxSubmitCount != null && matchController.componentContent.maxSubmitCount > 1'
-              ng-show='matchController.componentContent.maxSubmitCount != null'
-              translate='YOU_HAVE_USED_X_OF_Y_ATTEMPTS'
-              translate-values='{x: matchController.submitCounter, y: matchController.componentContent.maxSubmitCount}'>
-          </div>
-          <div ng-if='matchController.isLatestComponentStateSubmit == false || !matchController.hasCorrectAnswer'>
-            &nbsp
-          </div>
-          <div ng-if='matchController.isLatestComponentStateSubmit && matchController.hasCorrectAnswer && matchController.isCorrect === true'
-              style='color: green'>
-            {{ 'CORRECT' | translate }}!
-          </div>
-          <div ng-if='matchController.isLatestComponentStateSubmit && matchController.hasCorrectAnswer && matchController.isCorrect === false'
-              style='color: red'>
-            {{ 'INCORRECT' | translate }}
-          </div>
-        </div>
-        <div ng-if='::matchController.isSaveOrSubmitButtonVisible()'
-            class='component__actions'
-            layout='row'
-            layout-align='start center'>
-          <md-button class='md-raised md-primary'
-              ng-class='{"md-raised": !matchController.isSubmitButtonVisible}'
-              ng-click='matchController.saveButtonClicked()'
-              ng-if='::matchController.isSaveButtonVisible'
-              ng-disabled='matchController.isDisabled || !matchController.isDirty'>
-            {{ 'SAVE' | translate }}
-          </md-button>
-          <md-button class='md-raised md-primary'
-              ng-click='matchController.submitButtonClicked()'
-              ng-if='::matchController.isSubmitButtonVisible'
-              ng-disabled='matchController.isSubmitButtonDisabled || matchController.isDisabled || !matchController.isSubmitDirty'>
-            {{ 'SUBMIT' | translate }}
-          </md-button>
-          <span ng-if='matchController.saveMessage.text'
-              class='component__actions__info md-caption'>
-            {{matchController.saveMessage.text}}
-            <span class='component__actions__more'>
-              <md-tooltip md-direction='top'>
-                {{ matchController.saveMessage.time | amDateFormat:'ddd, MMM D YYYY, h:mm a' }}
-              </md-tooltip>
-              <span am-time-ago='matchController.saveMessage.time'></span>
-            </span>
-          </span>
+                  </md-list-item>
+                </div>
+              </md-list>
+            </md-card-content>
+          </md-card>
         </div>
       </div>
     </div>
   </div>
-</div>
+  <div>
+    <div class='md-caption'
+        ng-if='matchController.hasCorrectAnswer && matchController.componentContent.maxSubmitCount != null && matchController.componentContent.maxSubmitCount == 1'
+        ng-show='matchController.componentContent.maxSubmitCount != null'
+        translate='YOU_HAVE_USED_X_OF_Y_ATTEMPT'
+        translate-values='{x: matchController.submitCounter, y: matchController.componentContent.maxSubmitCount}'>
+    </div>
+    <div class='md-caption'
+        ng-if='matchController.hasCorrectAnswer && matchController.componentContent.maxSubmitCount != null && matchController.componentContent.maxSubmitCount > 1'
+        ng-show='matchController.componentContent.maxSubmitCount != null'
+        translate='YOU_HAVE_USED_X_OF_Y_ATTEMPTS'
+        translate-values='{x: matchController.submitCounter, y: matchController.componentContent.maxSubmitCount}'>
+    </div>
+    <div ng-if='matchController.isLatestComponentStateSubmit == false || !matchController.hasCorrectAnswer'>
+      &nbsp
+    </div>
+    <div ng-if='matchController.isLatestComponentStateSubmit && matchController.hasCorrectAnswer && matchController.isCorrect === true'
+        style='color: green'>
+      {{ 'CORRECT' | translate }}!
+    </div>
+    <div ng-if='matchController.isLatestComponentStateSubmit && matchController.hasCorrectAnswer && matchController.isCorrect === false'
+        style='color: red'>
+      {{ 'INCORRECT' | translate }}
+    </div>
+  </div>
+  <div ng-if='::matchController.isSaveOrSubmitButtonVisible()'
+      class='component__actions'
+      layout='row'
+      layout-align='start center'>
+    <md-button class='md-raised md-primary'
+        ng-class='{"md-raised": !matchController.isSubmitButtonVisible}'
+        ng-click='matchController.saveButtonClicked()'
+        ng-if='::matchController.isSaveButtonVisible'
+        ng-disabled='matchController.isDisabled || !matchController.isDirty'>
+      {{ 'SAVE' | translate }}
+    </md-button>
+    <md-button class='md-raised md-primary'
+        ng-click='matchController.submitButtonClicked()'
+        ng-if='::matchController.isSubmitButtonVisible'
+        ng-disabled='matchController.isSubmitButtonDisabled || matchController.isDisabled || !matchController.isSubmitDirty'>
+      {{ 'SUBMIT' | translate }}
+    </md-button>
+    <span ng-if='matchController.saveMessage.text'
+        class='component__actions__info md-caption'>
+      {{matchController.saveMessage.text}}
+      <span class='component__actions__more'>
+        <md-tooltip md-direction='top'>
+          {{ matchController.saveMessage.time | amDateFormat:'ddd, MMM D YYYY, h:mm a' }}
+        </md-tooltip>
+        <span am-time-ago='matchController.saveMessage.time'></span>
+      </span>
+    </span>
+  </div>
+</div>
\ No newline at end of file
diff --git a/src/main/webapp/wise5/components/match/match-grading/match-grading.component.html b/src/main/webapp/wise5/components/match/match-grading/match-grading.component.html
new file mode 100644
index 0000000000..2c0dab4057
--- /dev/null
+++ b/src/main/webapp/wise5/components/match/match-grading/match-grading.component.html
@@ -0,0 +1,117 @@
+<div class="component--grading__response__content">
+  <div class="match-content">
+    <div fxLayout="row wrap">
+      <div class="match-bucket match-bucket--choices"
+          fxFlex="100"
+          fxFlex.gt-sm="{{isHorizontal ? 50: 100}}">
+        <mat-card>
+          <mat-card-header>
+            <mat-card-title [innerHTML]="sourceBucket.value">
+            </mat-card-title>
+          </mat-card-header>
+          <mat-card-content class="match-bucket__content">
+            <mat-list class="match-bucket__contents">
+              <div class="match-bucket__item"
+                  *ngFor="let item of sourceBucket.items">
+                <mat-list-item class="match-bucket__item__contents">
+                  <div class="md-list-item-text">
+                    <div fxLayout="row"
+                        fxLayoutAlign="start center"
+                        mat-line>
+                      <span class="match-bucket__item__contents__text"
+                          [innerHTML]="item.value">
+                      </span>
+                    </div>
+                    <p class="match-feedback md-body-2"
+                        mat-line
+                        *ngIf="item.feedback != null && item.feedback !== ''"
+                        [ngClass]="{'success-bg': !hasCorrectAnswer || item.isCorrect, 'info-bg': item.isIncorrectPosition, 'warn-bg': hasCorrectAnswer && !item.isCorrect}">
+                      <mat-icon *ngIf="hasCorrectAnswer && item.isCorrect">
+                        check
+                      </mat-icon>
+                      <mat-icon *ngIf="hasCorrectAnswer && item.isIncorrectPosition">
+                        warning
+                      </mat-icon>
+                      <mat-icon *ngIf="hasCorrectAnswer && !item.isCorrect && !item.isIncorrectPosition">
+                        clear
+                      </mat-icon>
+                      <span [innerHTML]="item.feedback">
+                      </span>
+                    </p>
+                  </div>
+                </mat-list-item>
+              </div>
+            </mat-list>
+          </mat-card-content>
+        </mat-card>
+        <mat-divider class="match-divider {{isHorizontal ? 'match-divider--horizontal' : ''}}"></mat-divider>
+      </div>
+      <div fxLayout="row wrap"
+          fxLayoutAlign="center start"
+          fxFlex="100"
+          fxFlex.gt-sm="{{isHorizontal ? 50 : 100}}">
+        <div *ngFor="let bucket of targetBuckets; index as bucketIndex"
+            class="match-bucket"
+            fxFlex="100"
+            fxFlex.gt-sm="{{isHorizontal ? 100 : bucketWidth}}">
+          <mat-card>
+            <mat-card-header>
+              <mat-card-title [innerHTML]="bucket.value"></mat-card-title>
+            </mat-card-header>
+            <mat-card-content class="match-bucket__content">
+              <mat-list class="match-bucket__contents">
+                <div class="match-bucket__item"
+                    *ngFor="let item of bucket.items">
+                  <mat-list-item class="match-bucket__item__contents">
+                    <div class="md-list-item-text">
+                      <div fxLayout="row"
+                          fxLayoutAlign="start center"
+                          mat-line>
+                        <span class="match-bucket__item__contents__text"
+                            [innerHTML]="item.value">
+                        </span>
+                      </div>
+                      <p class="match-feedback md-body-2"
+                          *ngIf="item.feedback != null && item.feedback !== ''"
+                          mat-line
+                          [ngClass]="{'success-bg': !hasCorrectAnswer || item.isCorrect, 'info-bg': item.isIncorrectPosition, 'warn-bg': hasCorrectAnswer && !item.isCorrect}">
+                        <mat-icon *ngIf="hasCorrectAnswer && item.isCorrect">
+                          check
+                        </mat-icon>
+                        <mat-icon *ngIf="hasCorrectAnswer && item.isIncorrectPosition">
+                          warning
+                        </mat-icon>
+                        <mat-icon *ngIf="hasCorrectAnswer && !item.isCorrect && !item.isIncorrectPosition">
+                          clear
+                        </mat-icon>
+                        <span [innerHTML]="item.feedback">
+                        </span>
+                      </p>
+                    </div>
+                  </mat-list-item>
+                </div>
+              </mat-list>
+            </mat-card-content>
+          </mat-card>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="md-caption"
+        *ngIf="hasCorrectAnswer && componentContent.maxSubmitCount != null"
+        i18n>
+      You have used {{componentState.studentData.submitCounter}} of {{componentContent.maxSubmitCount}} attempt(s)
+    </div>
+    <div *ngIf="hasCorrectAnswer && componentState.studentData.isCorrect === true"
+        style="color: green"
+        i18n>
+      Correct
+    </div>
+    <div *ngIf="hasCorrectAnswer && componentState.studentData.isCorrect === false"
+        style="color: red"
+        i18n>
+      Incorrect
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/src/main/webapp/wise5/components/match/match-grading/match-grading.component.scss b/src/main/webapp/wise5/components/match/match-grading/match-grading.component.scss
new file mode 100644
index 0000000000..5b62f51ece
--- /dev/null
+++ b/src/main/webapp/wise5/components/match/match-grading/match-grading.component.scss
@@ -0,0 +1,29 @@
+.mat-card {
+  padding: 0px;
+  margin: 8px;
+}
+
+.mat-card-title {
+  font-size: 15px;
+  font-weight: 500;
+  color: #1c8ca8;
+  margin-top: 8px;
+  margin-bottom: 8px !important;
+}
+
+.match-bucket__item {
+  cursor: auto !important;
+}
+
+.mat-list-item {
+  width: 90% !important;
+  height: 100% !important;
+}
+
+::ng-deep .mat-list-item-content {
+  padding: 0px !important;
+}
+
+::ng-deep .mat-list .mat-list-item .mat-line {
+  white-space: pre-wrap;
+}
diff --git a/src/main/webapp/wise5/components/match/match-grading/match-grading.component.ts b/src/main/webapp/wise5/components/match/match-grading/match-grading.component.ts
new file mode 100644
index 0000000000..2924b8faf3
--- /dev/null
+++ b/src/main/webapp/wise5/components/match/match-grading/match-grading.component.ts
@@ -0,0 +1,80 @@
+import { Component } from '@angular/core';
+import { ComponentGrading } from '../../../classroomMonitor/classroomMonitorComponents/shared/component-grading.component';
+
+@Component({
+  selector: 'match-grading',
+  templateUrl: 'match-grading.component.html',
+  styleUrls: ['match-grading.component.scss']
+})
+export class MatchGrading extends ComponentGrading {
+  sourceBucketId = '0';
+  sourceBucket: any;
+  targetBuckets: any[] = [];
+  isHorizontal: boolean = false;
+  bucketWidth: number;
+  hasCorrectAnswer: boolean = false;
+  isCorrect: boolean = false;
+
+  ngOnInit() {
+    super.ngOnInit();
+    this.initializeBuckets(this.componentState.studentData.buckets);
+    this.setHasCorrectAnswer(this.hasCorrectChoices(this.componentContent));
+    this.setIsCorrect(this.componentState.studentData.isCorrect);
+    this.setIsHorizontal(this.componentContent.horizontal);
+    this.setBucketWidth(this.calculateBucketWidth(this.targetBuckets, this.isHorizontal));
+  }
+
+  initializeBuckets(buckets: any[]): void {
+    for (const bucket of buckets) {
+      if (bucket.id === this.sourceBucketId) {
+        this.sourceBucket = bucket;
+      } else {
+        this.targetBuckets.push(bucket);
+      }
+    }
+  }
+
+  setHasCorrectAnswer(hasCorrectAnswer: boolean): void {
+    this.hasCorrectAnswer = hasCorrectAnswer;
+  }
+
+  hasCorrectChoices(componentContent: any): boolean {
+    for (const bucket of componentContent.feedback) {
+      for (const choice of bucket.choices) {
+        if (choice.isCorrect) {
+          return true;
+        }
+      }
+    }
+    return false;
+  }
+
+  setIsCorrect(isCorrect: boolean): void {
+    this.isCorrect = isCorrect;
+  }
+
+  setIsHorizontal(isHorizontal: boolean): void {
+    this.isHorizontal = isHorizontal;
+  }
+
+  calculateBucketWidth(buckets: any[], isHorizontal: boolean): number {
+    if (isHorizontal) {
+      return 100;
+    } else {
+      return this.calculateVerticalBucketWidth(buckets);
+    }
+  }
+
+  calculateVerticalBucketWidth(buckets: any[]): number {
+    const numBuckets = buckets.length;
+    if (numBuckets % 3 === 0 || numBuckets > 4) {
+      return Math.round(100 / 3);
+    } else if (numBuckets % 2 === 0) {
+      return 100 / 2;
+    }
+  }
+
+  setBucketWidth(width: number): void {
+    this.bucketWidth = width;
+  }
+}
diff --git a/src/main/webapp/wise5/components/match/matchGradingComponentModule.ts b/src/main/webapp/wise5/components/match/matchGradingComponentModule.ts
new file mode 100644
index 0000000000..50f001d192
--- /dev/null
+++ b/src/main/webapp/wise5/components/match/matchGradingComponentModule.ts
@@ -0,0 +1,14 @@
+'use strict';
+
+import * as angular from 'angular';
+import { downgradeComponent } from '@angular/upgrade/static';
+import { MatchGrading } from './match-grading/match-grading.component';
+
+const matchGradingComponentModule = angular
+  .module('matchGradingComponentModule', ['pascalprecht.translate'])
+  .directive(
+    'matchGrading',
+    downgradeComponent({ component: MatchGrading }) as angular.IDirectiveFactory
+  );
+
+export default matchGradingComponentModule;
diff --git a/src/main/webapp/wise5/teacher/teacher-angular-js-module.ts b/src/main/webapp/wise5/teacher/teacher-angular-js-module.ts
index 2ce270c0da..f3bae42e0b 100644
--- a/src/main/webapp/wise5/teacher/teacher-angular-js-module.ts
+++ b/src/main/webapp/wise5/teacher/teacher-angular-js-module.ts
@@ -58,6 +58,7 @@ import '../authoringTool/importComponent/importComponentModule';
 import '../authoringTool/importStep/importStepModule';
 import '../components/label/labelAuthoringComponentModule';
 import '../components/match/matchAuthoringComponentModule';
+import '../components/match/matchGradingComponentModule';
 import '../components/multipleChoice/multipleChoiceAuthoringComponentModule';
 import '../components/multipleChoice/multipleChoiceGradingComponentModule';
 import '../components/openResponse/openResponseAuthoringComponentModule';
@@ -87,6 +88,7 @@ angular
     'importStepModule',
     'labelAuthoringComponentModule',
     'matchAuthoringComponentModule',
+    'matchGradingComponentModule',
     'multipleChoiceAuthoringComponentModule',
     'multipleChoiceGradingComponentModule',
     'ngAnimate',

From f97e0e15e21a9394c24395d6515c7179a1885ac6 Mon Sep 17 00:00:00 2001
From: Geoffrey Kwan <geoffreykwan@gmail.com>
Date: Mon, 22 Feb 2021 15:39:06 -0500
Subject: [PATCH 11/36] In Match grading, remove checks for mode == 'student'
 and also remove some unnecessary functions. #2940

---
 .../webapp/wise5/components/match/index.html  |  2 +-
 .../match-grading/match-grading.component.ts  | 24 ++------
 .../wise5/components/match/matchController.ts | 61 ++++++-------------
 3 files changed, 25 insertions(+), 62 deletions(-)

diff --git a/src/main/webapp/wise5/components/match/index.html b/src/main/webapp/wise5/components/match/index.html
index 0a1c323485..9b779946df 100644
--- a/src/main/webapp/wise5/components/match/index.html
+++ b/src/main/webapp/wise5/components/match/index.html
@@ -6,7 +6,7 @@
     <possible-score [max-score]='matchController.componentContent.maxScore'></possible-score>
   </div>
   <div class='match-content'>
-    <component-annotations ng-if='matchController.mode === "student"'
+    <component-annotations
         class='annotations--inside'
         [annotations]='matchController.latestAnnotations'
         [max-score]='matchController.componentContent.maxScore'>
diff --git a/src/main/webapp/wise5/components/match/match-grading/match-grading.component.ts b/src/main/webapp/wise5/components/match/match-grading/match-grading.component.ts
index 2924b8faf3..3d0e423ddd 100644
--- a/src/main/webapp/wise5/components/match/match-grading/match-grading.component.ts
+++ b/src/main/webapp/wise5/components/match/match-grading/match-grading.component.ts
@@ -18,10 +18,10 @@ export class MatchGrading extends ComponentGrading {
   ngOnInit() {
     super.ngOnInit();
     this.initializeBuckets(this.componentState.studentData.buckets);
-    this.setHasCorrectAnswer(this.hasCorrectChoices(this.componentContent));
-    this.setIsCorrect(this.componentState.studentData.isCorrect);
-    this.setIsHorizontal(this.componentContent.horizontal);
-    this.setBucketWidth(this.calculateBucketWidth(this.targetBuckets, this.isHorizontal));
+    this.hasCorrectAnswer = this.hasCorrectChoices(this.componentContent);
+    this.isCorrect = this.componentState.studentData.isCorrect;
+    this.isHorizontal = this.componentContent.horizontal;
+    this.bucketWidth = this.calculateBucketWidth(this.targetBuckets, this.isHorizontal);
   }
 
   initializeBuckets(buckets: any[]): void {
@@ -34,10 +34,6 @@ export class MatchGrading extends ComponentGrading {
     }
   }
 
-  setHasCorrectAnswer(hasCorrectAnswer: boolean): void {
-    this.hasCorrectAnswer = hasCorrectAnswer;
-  }
-
   hasCorrectChoices(componentContent: any): boolean {
     for (const bucket of componentContent.feedback) {
       for (const choice of bucket.choices) {
@@ -49,14 +45,6 @@ export class MatchGrading extends ComponentGrading {
     return false;
   }
 
-  setIsCorrect(isCorrect: boolean): void {
-    this.isCorrect = isCorrect;
-  }
-
-  setIsHorizontal(isHorizontal: boolean): void {
-    this.isHorizontal = isHorizontal;
-  }
-
   calculateBucketWidth(buckets: any[], isHorizontal: boolean): number {
     if (isHorizontal) {
       return 100;
@@ -73,8 +61,4 @@ export class MatchGrading extends ComponentGrading {
       return 100 / 2;
     }
   }
-
-  setBucketWidth(width: number): void {
-    this.bucketWidth = width;
-  }
 }
diff --git a/src/main/webapp/wise5/components/match/matchController.ts b/src/main/webapp/wise5/components/match/matchController.ts
index 7ddab67742..85314eaa76 100644
--- a/src/main/webapp/wise5/components/match/matchController.ts
+++ b/src/main/webapp/wise5/components/match/matchController.ts
@@ -109,54 +109,33 @@ class MatchController extends ComponentController {
 
     this.privateNotebookItems = [];
 
-    if (this.mode === 'student') {
-      this.isPromptVisible = true;
-      this.isSaveButtonVisible = this.componentContent.showSaveButton;
-      this.isSubmitButtonVisible = this.componentContent.showSubmitButton;
-      if (this.shouldImportPrivateNotes()) {
-        const allPrivateNotebookItems = this.NotebookService.getPrivateNotebookItems();
-        this.privateNotebookItems = allPrivateNotebookItems.filter((note) => {
-          return note.serverDeleteTime == null;
-        });
-        this.notebookUpdatedSubscription = this.NotebookService.notebookUpdated$.subscribe(
-          (args) => {
-            if (args.notebookItem.type === 'note') {
-              this.addNotebookItemToSourceBucket(args.notebookItem);
-            }
-          }
-        );
-      }
-    } else if (this.mode === 'grading' || this.mode === 'gradingRevision') {
-      this.isPromptVisible = false;
-      this.isSaveButtonVisible = false;
-      this.isSubmitButtonVisible = false;
-      this.isDisabled = true;
-      if (this.shouldImportPrivateNotes()) {
-        this.privateNotebookItems = this.NotebookService.getPrivateNotebookItems(this.workgroupId);
-      }
-    } else if (this.mode === 'showPreviousWork') {
-      this.isPromptVisible = true;
-      this.isSaveButtonVisible = false;
-      this.isSubmitButtonVisible = false;
-      this.isDisabled = true;
+    this.isPromptVisible = true;
+    this.isSaveButtonVisible = this.componentContent.showSaveButton;
+    this.isSubmitButtonVisible = this.componentContent.showSubmitButton;
+    if (this.shouldImportPrivateNotes()) {
+      const allPrivateNotebookItems = this.NotebookService.getPrivateNotebookItems();
+      this.privateNotebookItems = allPrivateNotebookItems.filter((note) => {
+        return note.serverDeleteTime == null;
+      });
+      this.notebookUpdatedSubscription = this.NotebookService.notebookUpdated$.subscribe((args) => {
+        if (args.notebookItem.type === 'note') {
+          this.addNotebookItemToSourceBucket(args.notebookItem);
+        }
+      });
     }
 
     this.hasCorrectAnswer = this.hasCorrectChoices();
     this.initializeChoices();
     this.initializeBuckets();
     const componentState = this.$scope.componentState;
-    if (this.mode == 'student') {
-      if (this.UtilService.hasShowWorkConnectedComponent(this.componentContent)) {
-        this.handleConnectedComponents();
-      } else if (
-        this.MatchService.componentStateHasStudentWork(componentState, this.componentContent)
-      ) {
-        this.setStudentWork(componentState);
-      } else if (this.UtilService.hasConnectedComponent(this.componentContent)) {
-        this.handleConnectedComponents();
-      }
-    } else if (componentState != null) {
+    if (this.UtilService.hasShowWorkConnectedComponent(this.componentContent)) {
+      this.handleConnectedComponents();
+    } else if (
+      this.MatchService.componentStateHasStudentWork(componentState, this.componentContent)
+    ) {
       this.setStudentWork(componentState);
+    } else if (this.UtilService.hasConnectedComponent(this.componentContent)) {
+      this.handleConnectedComponents();
     }
 
     if (componentState != null && componentState.isSubmit) {

From 7b87b7a50ba7e334eee7913c11710353107bd4a5 Mon Sep 17 00:00:00 2001
From: Geoffrey Kwan <geoffreykwan@gmail.com>
Date: Tue, 23 Feb 2021 14:47:48 -0500
Subject: [PATCH 12/36] Extract grading view from the Label component. #2943

---
 .../src/app/services/labelService.spec.ts     | 204 +++++-
 .../src/app/teacher-hybrid-angular.module.ts  |   2 +
 .../shared/component-grading.component.ts     |   4 +
 .../workgroupComponentRevisions.ts            |  10 +-
 .../workgroupNodeGrading.ts                   |   8 +-
 .../webapp/wise5/components/label/index.html  | 325 ++++-----
 .../label-grading.component.html              |   9 +
 .../label-grading.component.scss              |   0
 .../label-grading/label-grading.component.ts  |  82 +++
 .../wise5/components/label/labelController.ts | 685 +++++++-----------
 .../label/labelGradingComponentModule.ts      |  14 +
 .../wise5/components/label/labelService.ts    | 198 +++++
 .../teacher/teacher-angular-js-module.ts      |   2 +
 13 files changed, 923 insertions(+), 620 deletions(-)
 create mode 100644 src/main/webapp/wise5/components/label/label-grading/label-grading.component.html
 create mode 100644 src/main/webapp/wise5/components/label/label-grading/label-grading.component.scss
 create mode 100644 src/main/webapp/wise5/components/label/label-grading/label-grading.component.ts
 create mode 100644 src/main/webapp/wise5/components/label/labelGradingComponentModule.ts

diff --git a/src/main/webapp/site/src/app/services/labelService.spec.ts b/src/main/webapp/site/src/app/services/labelService.spec.ts
index c9e0688ad2..0c6cdabfcb 100644
--- a/src/main/webapp/site/src/app/services/labelService.spec.ts
+++ b/src/main/webapp/site/src/app/services/labelService.spec.ts
@@ -15,8 +15,29 @@ let service: LabelService;
 let utilService: UtilService;
 let label1: any;
 let label2: any;
+let label1Text: any = 'Label 1';
+let label2Text: any = 'Label 2';
+let label1PointX: number = 1;
+let label1PointY: number = 11;
+let label1TextX: number = 111;
+let label1TextY: number = 1111;
+let label2PointX: number = 2;
+let label2PointY: number = 22;
+let label2TextX: number = 222;
+let label2TextY: number = 2222;
+let color1: string = 'blue';
+let color2: string = 'red';
+let width: number = 400;
+let height: number = 400;
+let pointSize: number = 5;
+let fontSize: number = 12;
+let labelWidth: number = 20;
+let enableCircles: boolean = true;
+let studentDataVersion: number = 2;
+let canEditBoolean: boolean = true;
+let canDeleteBoolean: boolean = true;
 
-describe('LabelServiceService', () => {
+describe('LabelService', () => {
   beforeEach(() => {
     TestBed.configureTestingModule({
       imports: [HttpClientTestingModule, UpgradeModule],
@@ -34,8 +55,8 @@ describe('LabelServiceService', () => {
     });
     service = TestBed.get(LabelService);
     utilService = TestBed.get(UtilService);
-    label1 = createLabel('Label 1', 1, 11, 111, 1111, 'blue');
-    label2 = createLabel('Label 2', 2, 22, 222, 2222, 'red');
+    label1 = createLabel(label1Text, label1PointX, label1PointY, label1TextX, label1TextY, color1);
+    label2 = createLabel(label2Text, label2PointX, label2PointY, label2TextX, label2TextY, color2);
   });
   createComponent();
   isCompleted();
@@ -48,6 +69,11 @@ describe('LabelServiceService', () => {
   labelsAreTheSame();
   getTSpans();
   getSVGTextElementString();
+  initializeCanvas();
+  addLabelsToCanvas();
+  addLabelToCanvas();
+  createLabelServiceFunction();
+  makeSureValueIsWithinLimit();
 });
 
 function createComponentState(labels: any[], isSubmit: boolean = false) {
@@ -68,23 +94,54 @@ function createObjectWithLabels(labels: any[]) {
 }
 
 function createLabel(
-  text: string,
-  pointX: number,
-  pointY: number,
-  textX: number,
-  textY: number,
-  color: string
-) {
+  text: string = '',
+  pointX: number = 100,
+  pointY: number = 100,
+  textX: number = 200,
+  textY: number = 200,
+  color: string = color1,
+  canEdit: boolean = true,
+  canDelete: boolean = true
+): any {
   return {
     text: text,
+    color: color,
     pointX: pointX,
     pointY: pointY,
     textX: textX,
     textY: textY,
-    color: color
+    canEdit: canEdit,
+    canDelete: canDelete
   };
 }
 
+function createFabricLabel() {
+  const pointX: number = 100;
+  const pointY: number = 100;
+  const textX: number = 200;
+  const textY: number = 200;
+  const textString: string = label1Text;
+  const color: string = color1;
+  const canEdit: boolean = true;
+  const canDelete: boolean = true;
+  return service.createLabel(
+    pointX,
+    pointY,
+    textX,
+    textY,
+    textString,
+    color,
+    canEdit,
+    canDelete,
+    width,
+    height,
+    pointSize,
+    fontSize,
+    labelWidth,
+    studentDataVersion
+  );
+}
+
 function createComponent() {
   it('should create a label component', () => {
     const component: any = service.createComponent();
@@ -127,7 +184,8 @@ function isCompleted() {
     componentStates.push(createComponentState([label1]));
     expectIsCompleted(component, componentStates, node, true);
   });
-  it(`should check if is completed when submit is required and there are labels but not submitted`, () => {
+  it(`should check if is completed when submit is required and there are labels but not
+      submitted`, () => {
     node.showSubmitButton = true;
     componentStates.push(createComponentState([label1]));
     expectIsCompleted(component, componentStates, node, false);
@@ -144,14 +202,17 @@ function componentStateHasSubmitWithLabel() {
   beforeEach(() => {
     componentState = createComponentState([]);
   });
-  it('should check if a component state has a submit with label when it does not have any labels', () => {
+  it(`should check if a component state has a submit with label when it does not have any
+      labels`, () => {
     expect(service.componentStateHasSubmitWithLabel(componentState)).toEqual(false);
   });
-  it('should check if a component state has a submit with label when it has a label but no submit', () => {
+  it(`should check if a component state has a submit with label when it has a label but no
+      submit`, () => {
     componentState.studentData.labels.push(label1);
     expect(service.componentStateHasSubmitWithLabel(componentState)).toEqual(false);
   });
-  it('should check if a component state has a submit with label when it has a label and submit', () => {
+  it(`should check if a component state has a submit with label when it has a label and
+      submit`, () => {
     componentState.studentData.labels.push(label1);
     componentState.isSubmit = true;
     expect(service.componentStateHasSubmitWithLabel(componentState)).toEqual(true);
@@ -292,11 +353,20 @@ function labelsAreTheSame() {
   it('should check if labels are the same when one is null and one is not null', () => {
     expectLabelsAreTheSame({}, null, false);
   });
-  it(`should check if labels are the same when both are not null and do not have the same values`, () => {
+  it(`should check if labels are the same when both are not null and do not have the same
+      values`, () => {
     expectLabelsAreTheSame(label1, label2, false);
   });
-  it(`should check if labels are the same when both are not null and do have the same values`, () => {
-    const label3 = createLabel('Label 1', 1, 11, 111, 1111, 'blue');
+  it(`should check if labels are the same when both are not null and do have the same
+      values`, () => {
+    const label3 = createLabel(
+      label1Text,
+      label1PointX,
+      label1PointY,
+      label1TextX,
+      label1TextY,
+      color1
+    );
     expectLabelsAreTheSame(label1, label3, true);
   });
 }
@@ -326,3 +396,101 @@ function getSVGTextElementString() {
     expect(textElementString).toEqual(expectedResult);
   });
 }
+
+function createCanvas() {
+  return service.initializeCanvas('label-canvas', 400, 300, false);
+}
+
+function initializeCanvas() {
+  it('should initialize the canvas', () => {
+    const canvas: any = createCanvas();
+    expect(canvas).not.toBeNull();
+  });
+}
+
+function addLabelsToCanvas() {
+  it('should add labels to canvas', () => {
+    const canvas: any = createCanvas();
+    const labels: any[] = [label1, label2];
+    const fabricLabels: any = service.addLabelsToCanvas(
+      canvas,
+      labels,
+      width,
+      height,
+      pointSize,
+      fontSize,
+      labelWidth,
+      enableCircles,
+      studentDataVersion
+    );
+    const canvasTextObjects = getCanvasTextObjects(canvas);
+    expect(fabricLabels.length).toEqual(2);
+    expect(fabricLabels[0].text.text).toEqual(label1Text);
+    expect(fabricLabels[1].text.text).toEqual(label2Text);
+    // sort the canvas text objects because their order is not guaranteed to be in the same order
+    // we added them
+    canvasTextObjects.sort(sortByTextField);
+    expect(canvasTextObjects.length).toEqual(2);
+    expect(canvasTextObjects[0].text).toMatch('Label 1');
+    expect(canvasTextObjects[1].text).toMatch('Label 2');
+  });
+}
+
+function addLabelToCanvas() {
+  it('should add label to canvas', () => {
+    const canvas: any = createCanvas();
+    const label: any = createFabricLabel();
+    const enableCircles: boolean = true;
+    service.addLabelToCanvas(canvas, label, enableCircles);
+    const canvasTextObjects = getCanvasTextObjects(canvas);
+    expect(canvasTextObjects.length).toEqual(1);
+    expect(canvasTextObjects[0].text).toMatch(label1Text);
+  });
+}
+
+function getCanvasTextObjects(canvas: any): any[] {
+  return canvas.getObjects().filter((obj: any) => {
+    return typeof obj.text === 'string';
+  });
+}
+
+function sortByTextField(a: any, b: any): number {
+  const aText: string = a.text;
+  const bText: string = b.text;
+  if (aText > bText) {
+    return 1;
+  } else if (aText < bText) {
+    return -1;
+  } else {
+    return 0;
+  }
+}
+
+function createLabelServiceFunction() {
+  it('shoud create a label', () => {
+    const label: any = createFabricLabel();
+    expect(label.circle).not.toBeNull();
+    expect(label.line).not.toBeNull();
+    expect(label.text).not.toBeNull();
+    expect(label.text.text).toEqual(label1Text);
+    expect(label.canEdit).toEqual(canEditBoolean);
+    expect(label.canDelete).toEqual(canDeleteBoolean);
+  });
+}
+
+function makeSureValueIsWithinLimit() {
+  const limit: number = 100;
+  it('should make sure value is within limit when it is negative', () => {
+    expectMakeSureValueIsWithinLimit(-1, limit, 0);
+  });
+  it('should make sure value is within limit when it is between zero and limit', () => {
+    expectMakeSureValueIsWithinLimit(50, limit, 50);
+  });
+  it('should make sure value is within limit when it is greater than limit', () => {
+    expectMakeSureValueIsWithinLimit(101, limit, 100);
+  });
+}
+
+function expectMakeSureValueIsWithinLimit(x: number, width: number, expectedValue: number) {
+  expect(service.makeSureValueIsWithinLimit(x, width)).toEqual(expectedValue);
+}
diff --git a/src/main/webapp/site/src/app/teacher-hybrid-angular.module.ts b/src/main/webapp/site/src/app/teacher-hybrid-angular.module.ts
index 6bf978325e..72123442b7 100644
--- a/src/main/webapp/site/src/app/teacher-hybrid-angular.module.ts
+++ b/src/main/webapp/site/src/app/teacher-hybrid-angular.module.ts
@@ -62,6 +62,7 @@ import { AnimationAuthoring } from '../../../wise5/components/animation/animatio
 import { OpenResponseGrading } from '../../../wise5/components/openResponse/open-response-grading/open-response-grading.component';
 import { MultipleChoiceGrading } from '../../../wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component';
 import { MatchGrading } from '../../../wise5/components/match/match-grading/match-grading.component';
+import { LabelGrading } from '../../../wise5/components/label/label-grading/label-grading.component';
 
 @NgModule({
   declarations: [
@@ -89,6 +90,7 @@ import { MatchGrading } from '../../../wise5/components/match/match-grading/matc
     GraphAuthoring,
     HtmlAuthoring,
     LabelAuthoring,
+    LabelGrading,
     ManageStudentsComponent,
     MatchAuthoring,
     MatchGrading,
diff --git a/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/component-grading.component.ts b/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/component-grading.component.ts
index f774a87fa8..98f3325f07 100644
--- a/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/component-grading.component.ts
+++ b/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/component-grading.component.ts
@@ -12,6 +12,9 @@ export abstract class ComponentGrading {
   @Input()
   componentState: any;
 
+  @Input()
+  isRevision: any = false;
+
   componentContent: any;
 
   constructor(protected ProjectService: ProjectService) {}
@@ -22,5 +25,6 @@ export abstract class ComponentGrading {
       this.nodeId,
       this.componentId
     );
+    this.isRevision = this.isRevision === 'true';
   }
 }
diff --git a/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupComponentRevisions/workgroupComponentRevisions.ts b/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupComponentRevisions/workgroupComponentRevisions.ts
index e315d70b4a..f7267ca486 100644
--- a/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupComponentRevisions/workgroupComponentRevisions.ts
+++ b/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupComponentRevisions/workgroupComponentRevisions.ts
@@ -158,8 +158,16 @@ const WorkgroupComponentRevisions = {
                         </h3>
                         <div style="padding: 20px;">
                             <ng-content ng-switch="item.componentState.componentType">
-                              <div ng-switch-when="Match|MultipleChoice|OpenResponse" ng-switch-when-separator="|" class="component__content" layout="row" layout-wrap>
+                              <div ng-switch-when="Label|Match|MultipleChoice|OpenResponse" ng-switch-when-separator="|" class="component__content" layout="row" layout-wrap>
                                   <div flex="100" flex-gt-sm="66" layout="column" class="component--grading__response">
+                                      <label-grading
+                                          ng-if="item.componentState.componentType === 'Label'"
+                                          node-id="{{::$ctrl.nodeId}}"
+                                          component-id="{{::$ctrl.componentId}}"
+                                          component-state="{{ item.componentState }}"
+                                          workgroup-id="::$ctrl.workgroupId"
+                                          is-revision="true">
+                                      </label-grading>
                                       <match-grading
                                           ng-if="item.componentState.componentType === 'Match'"
                                           node-id="{{::$ctrl.nodeId}}"
diff --git a/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupNodeGrading/workgroupNodeGrading.ts b/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupNodeGrading/workgroupNodeGrading.ts
index cd97146b3b..a5684c27b1 100644
--- a/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupNodeGrading/workgroupNodeGrading.ts
+++ b/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupNodeGrading/workgroupNodeGrading.ts
@@ -138,9 +138,15 @@ const WorkgroupNodeGrading = {
                     </h3>
                     <ng-content ng-switch="::component.type">
                       {{latestComponentState = $ctrl.getLatestComponentStateByWorkgroupIdAndComponentId($ctrl.workgroupId, component.id); ""}}
-                      <div ng-switch-when="Match|MultipleChoice|OpenResponse" ng-switch-when-separator="|" class="component__content" layout="row" layout-wrap>
+                      <div ng-switch-when="Label|Match|MultipleChoice|OpenResponse" ng-switch-when-separator="|" class="component__content" layout="row" layout-wrap>
                         <div flex="100" flex-gt-sm="66" layout="column" class="component--grading__response">
                           <ng-content ng-if="latestComponentState != null && latestComponentState !== ''">
+                            <label-grading
+                                ng-if="component.type === 'Label'"
+                                node-id="{{::$ctrl.nodeId}}"
+                                component-id="{{::component.id}}"
+                                component-state="{{latestComponentState}}">
+                            </label-grading>
                             <match-grading
                                 ng-if="component.type === 'Match'"
                                 node-id="{{::$ctrl.nodeId}}"
diff --git a/src/main/webapp/wise5/components/label/index.html b/src/main/webapp/wise5/components/label/index.html
index d8d7ffbfbd..7548bbbcd5 100644
--- a/src/main/webapp/wise5/components/label/index.html
+++ b/src/main/webapp/wise5/components/label/index.html
@@ -6,192 +6,147 @@
   }
 </style>
 <div ng-controller='LabelController as labelController' flex>
-  <br/>
-  <div ng-switch='::labelController.mode'>
-    <div ng-switch-when='grading|gradingRevision'
-        ng-switch-when-separator='|'
-        layout='row'
-        layout-wrap>
-      <div flex='100'
-          flex-gt-sm='66'
-          layout='column'
-          class='component--grading__response'>
-        <div class='component--grading__response__content'>
-          <div id='canvasParent_{{::labelController.canvasId}}'
-              ng-if='labelController.$scope.componentState'>
-            <canvas id='{{::labelController.canvasId}}'
-                width='800'
-                height='600'
-                style='border:1px solid black;'>
-            </canvas>
-          </div>
-        </div>
-        <span flex></span>
-        <component-revisions-info node-id='::labelController.nodeId'
-            component-id='::labelController.componentId'
-            to-workgroup-id='::workgroupId'
-            component-state='::componentState'
-            active='::labelController.mode === "grading"'>
-        </component-revisions-info>
-      </div>
-      <div flex='100'
-          flex-gt-sm='33'
-          class='component--grading__annotations'>
-        <component-grading node-id='::labelController.nodeId'
-            component-id='::labelController.componentId'
-            max-score='labelController.componentContent.maxScore'
-            from-workgroup-id='teacherWorkgroupId'
-            to-workgroup-id='workgroupId'
-            component-state-id='::componentState.id'
-            show-all-annotations='::labelController.mode !== "grading"'
-            is-disabled='::labelController.mode !== "grading"'>
-        </component-grading>
-      </div>
+  <div class='component__prompt'>
+    <div class='component__prompt__content'>
+      <compile data='::labelController.getPrompt()'></compile>
     </div>
-    <div ng-switch-default>
-      <div class='component__prompt'>
-        <div class='component__prompt__content'>
-          <compile data='::labelController.getPrompt()'></compile>
-        </div>
-        <possible-score [max-score]='labelController.componentContent.maxScore'></possible-score>
-      </div>
-      <div class='input-wrapper' style='display: flex; align-items: center; width: 800px;'>
-        <md-button class='studentButton md-raised md-primary'
-            ng-click='labelController.newLabelButtonClicked()'
-            ng-disabled='labelController.isDisabled'
-            ng-if='labelController.showNewLabelButton() && !labelController.createLabelMode'>
-          <md-icon>add</md-icon>
-          <md-tooltip md-direction='top'
-              class='projectButtonTooltip'>
-            {{ ::'label.addNewLabel' | translate }}
-          </md-tooltip>
-        </md-button>
-        <span ng-if='labelController.createLabelMode'>
-          {{ ::'label.clickOnTheImageToCreateALabelOr' | translate }}
-        </span>
-        <md-button class='studentButton md-raised md-primary'
-            ng-click='labelController.cancelButtonClicked()'
-            ng-disabled='labelController.isDisabled'
-            ng-if='labelController.showCancelButton()'>
-          <md-icon>clear</md-icon>
-          <md-tooltip md-direction='top'
-              class='projectButtonTooltip'>
-            {{ ::'CANCEL' | translate }}
-          <md-tooltip>
-        </md-button>
-        <span ng-if='labelController.createLabelMode'>
-          {{ ::'label.toCancel' | translate }}
-        </span>
-        <span ng-if='labelController.editLabelMode'>
-          {{ ::'label.labelText' | translate }}:&nbsp
-        </span>
-        <input id='editLabelTextInput'
-            type='text'
-            ng-model='labelController.selectedLabel.textString'
-            ng-if='labelController.editLabelMode'
-            ng-change='labelController.selectedLabelTextChanged(labelController.selectedLabel, labelController.selectedLabel.text, labelController.selectedLabel.textString)'
-            size='50'
-            ng-disabled='labelController.isDisabled'/>
-        <md-button class='studentButton md-raised md-primary'
-            ng-click='labelController.deleteLabelButtonClicked()'
-            ng-if='!labelController.isDisabled && labelController.selectedLabel != null && labelController.selectedLabel.canDelete'
-            ng-disabled='labelController.isDisabled'>
-          <md-icon>delete</md-icon>
-          <md-tooltip md-direction='top'
-              class='projectButtonTooltip'>
-            {{ ::'DELETE' | translate }}
-          </md-tooltip>
-        </md-button>
-        <span style='flex-grow: 1;'></span>
-        <md-button class='md-accent'
-            ng-click='labelController.resetButtonClicked()'
-            ng-if='labelController.isResetButtonVisible'
-            ng-disabled='labelController.isDisabled'>
-            <md-icon>restore</md-icon>
-            {{ ::'RESET' | translate }}
-        </md-button>
-        <md-button class='studentButton md-accent md-primary'
-            ng-click='labelController.snipImage($event)'
-            ng-if='::labelController.isAddToNotebookEnabled()'
-            ng-disabled='labelController.isDisabled'>
-          <md-icon> note_add </md-icon>
-          <md-tooltip md-direction='top'
-              class='projectButtonTooltip'>
-            {{ ::'ADD_TO_NOTEBOOK' | translate:{label:labelController.notebookConfig.label} }}
-          </md-tooltip>
-        </md-button>
-        <br/>
-        <div ng-if='labelController.componentContent.enableStudentUploadBackground'>
-          {{ ::'label.uploadBackgroundImage' | translate }}:
-          <input type='file'
-              ng-if='labelController.componentContent.enableStudentUploadBackground'
-              onchange='angular.element(this).scope().fileUploadChanged(this)'
-              style='display:inline'
-              ng-disabled='labelController.isDisabled'/>
-        </div>
-      </div>
-      <div id='canvasParent_{{::labelController.canvasId}}' style='margin-top: 10px;'>
-        <canvas id='{{::labelController.canvasId}}'
-            width='800'
-            height='600'
-            style='border:1px solid black;'>
-        </canvas>
-      </div>
-      <div class='component__actions'
-          ng-if='labelController.attachments.length && labelController.isStudentAttachmentEnabled'
-          layout='row'
-          layout-wrap='true'>
-        <div class='component__add-attachment'>
-          <md-button class='md-accent'
-              ng-click='nodeController.showStudentAssets($event, component.id, labelController.isDisabled)'
-              ng-disabled='labelController.isDisabled'>
-            <md-icon>image</md-icon>
-            <span>{{ ::'label.addFile' | translate }}</span>
-          </md-button>
-        </div>
-        <div class='component__attachment'
-            ng-repeat='attachment in labelController.attachments'>
-          <img ng-src='{{attachment.iconURL}}'
-              class='component__attachment__content' />
-          <md-button class='component__attachment__delete'
-              ng-click='labelController.removeAttachment(attachment)'
-              ng-disabled='labelController.isDisabled'
-              title='Remove file'>
-            <md-icon>cancel</md-icon>
-          </md-button>
-        </div>
-      </div>
-      <div ng-if='::labelController.isSaveOrSubmitButtonVisible()'
-          class='component__actions'
-          layout='row'
-          layout-align='start center'>
-        <md-button class='md-raised md-primary'
-            ng-click='labelController.saveButtonClicked()'
-            ng-if='::labelController.isSaveButtonVisible'
-            ng-disabled='labelController.isDisabled || !labelController.isDirty'>
-          {{ ::'SAVE' | translate }}
-        </md-button>
-        <md-button class='md-raised md-primary'
-            ng-click='labelController.submitButtonClicked()'
-            ng-if='::labelController.isSubmitButtonVisible'
-            ng-disabled='labelController.isDisabled || !labelController.isSubmitDirty || labelController.isSubmitButtonDisabled'>
-          {{ ::'SUBMIT' | translate }}
-        </md-button>
-        <span ng-if='labelController.saveMessage.text'
-            class='component__actions__info md-caption'>
-          {{labelController.saveMessage.text}}
-          <span class='component__actions__more'>
-            <md-tooltip md-direction='top'>
-              {{ labelController.saveMessage.time | amDateFormat:'ddd, MMM D YYYY, h:mm a' }}
-            </md-tooltip>
-            <span am-time-ago='labelController.saveMessage.time'></span>
-          </span>
-        </span>
-      </div>
-      <component-annotations ng-if='labelController.mode === "student"'
-          [annotations]='labelController.latestAnnotations'
-          [max-score]='labelController.componentContent.maxScore'>
-      </component-annotations>
+    <possible-score [max-score]='labelController.componentContent.maxScore'></possible-score>
+  </div>
+  <div class='input-wrapper' style='display: flex; align-items: center; width: 800px;'>
+    <md-button class='studentButton md-raised md-primary'
+        ng-click='labelController.newLabelButtonClicked()'
+        ng-disabled='labelController.isDisabled'
+        ng-if='labelController.showNewLabelButton() && !labelController.createLabelMode'>
+      <md-icon>add</md-icon>
+      <md-tooltip md-direction='top'
+          class='projectButtonTooltip'>
+        {{ ::'label.addNewLabel' | translate }}
+      </md-tooltip>
+    </md-button>
+    <span ng-if='labelController.createLabelMode'>
+      {{ ::'label.clickOnTheImageToCreateALabelOr' | translate }}
+    </span>
+    <md-button class='studentButton md-raised md-primary'
+        ng-click='labelController.cancelButtonClicked()'
+        ng-disabled='labelController.isDisabled'
+        ng-if='labelController.showCancelButton()'>
+      <md-icon>clear</md-icon>
+      <md-tooltip md-direction='top'
+          class='projectButtonTooltip'>
+        {{ ::'CANCEL' | translate }}
+      <md-tooltip>
+    </md-button>
+    <span ng-if='labelController.createLabelMode'>
+      {{ ::'label.toCancel' | translate }}
+    </span>
+    <span ng-if='labelController.editLabelMode'>
+      {{ ::'label.labelText' | translate }}:&nbsp
+    </span>
+    <input id='editLabelTextInput'
+        type='text'
+        ng-model='labelController.selectedLabel.textString'
+        ng-if='labelController.editLabelMode'
+        ng-change='labelController.selectedLabelTextChanged(labelController.selectedLabel, labelController.selectedLabel.text, labelController.selectedLabel.textString)'
+        size='50'
+        ng-disabled='labelController.isDisabled'/>
+    <md-button class='studentButton md-raised md-primary'
+        ng-click='labelController.deleteLabelButtonClicked()'
+        ng-if='!labelController.isDisabled && labelController.selectedLabel != null && labelController.selectedLabel.canDelete'
+        ng-disabled='labelController.isDisabled'>
+      <md-icon>delete</md-icon>
+      <md-tooltip md-direction='top'
+          class='projectButtonTooltip'>
+        {{ ::'DELETE' | translate }}
+      </md-tooltip>
+    </md-button>
+    <span style='flex-grow: 1;'></span>
+    <md-button class='md-accent'
+        ng-click='labelController.resetButtonClicked()'
+        ng-if='labelController.isResetButtonVisible'
+        ng-disabled='labelController.isDisabled'>
+        <md-icon>restore</md-icon>
+        {{ ::'RESET' | translate }}
+    </md-button>
+    <md-button class='studentButton md-accent md-primary'
+        ng-click='labelController.snipImage($event)'
+        ng-if='::labelController.isAddToNotebookEnabled()'
+        ng-disabled='labelController.isDisabled'>
+      <md-icon> note_add </md-icon>
+      <md-tooltip md-direction='top'
+          class='projectButtonTooltip'>
+        {{ ::'ADD_TO_NOTEBOOK' | translate:{label:labelController.notebookConfig.label} }}
+      </md-tooltip>
+    </md-button>
+    <br/>
+    <div ng-if='labelController.componentContent.enableStudentUploadBackground'>
+      {{ ::'label.uploadBackgroundImage' | translate }}:
+      <input type='file'
+          ng-if='labelController.componentContent.enableStudentUploadBackground'
+          onchange='angular.element(this).scope().fileUploadChanged(this)'
+          style='display:inline'
+          ng-disabled='labelController.isDisabled'/>
+    </div>
+  </div>
+  <div id='canvasParent_{{::labelController.canvasId}}' style='margin-top: 10px;'>
+    <canvas id='{{::labelController.canvasId}}'
+        width='800'
+        height='600'
+        style='border:1px solid black;'>
+    </canvas>
+  </div>
+  <div class='component__actions'
+      ng-if='labelController.attachments.length && labelController.isStudentAttachmentEnabled'
+      layout='row'
+      layout-wrap='true'>
+    <div class='component__add-attachment'>
+      <md-button class='md-accent'
+          ng-click='nodeController.showStudentAssets($event, component.id, labelController.isDisabled)'
+          ng-disabled='labelController.isDisabled'>
+        <md-icon>image</md-icon>
+        <span>{{ ::'label.addFile' | translate }}</span>
+      </md-button>
+    </div>
+    <div class='component__attachment'
+        ng-repeat='attachment in labelController.attachments'>
+      <img ng-src='{{attachment.iconURL}}'
+          class='component__attachment__content' />
+      <md-button class='component__attachment__delete'
+          ng-click='labelController.removeAttachment(attachment)'
+          ng-disabled='labelController.isDisabled'
+          title='Remove file'>
+        <md-icon>cancel</md-icon>
+      </md-button>
     </div>
   </div>
+  <div ng-if='::labelController.isSaveOrSubmitButtonVisible()'
+      class='component__actions'
+      layout='row'
+      layout-align='start center'>
+    <md-button class='md-raised md-primary'
+        ng-click='labelController.saveButtonClicked()'
+        ng-if='::labelController.isSaveButtonVisible'
+        ng-disabled='labelController.isDisabled || !labelController.isDirty'>
+      {{ ::'SAVE' | translate }}
+    </md-button>
+    <md-button class='md-raised md-primary'
+        ng-click='labelController.submitButtonClicked()'
+        ng-if='::labelController.isSubmitButtonVisible'
+        ng-disabled='labelController.isDisabled || !labelController.isSubmitDirty || labelController.isSubmitButtonDisabled'>
+      {{ ::'SUBMIT' | translate }}
+    </md-button>
+    <span ng-if='labelController.saveMessage.text'
+        class='component__actions__info md-caption'>
+      {{labelController.saveMessage.text}}
+      <span class='component__actions__more'>
+        <md-tooltip md-direction='top'>
+          {{ labelController.saveMessage.time | amDateFormat:'ddd, MMM D YYYY, h:mm a' }}
+        </md-tooltip>
+        <span am-time-ago='labelController.saveMessage.time'></span>
+      </span>
+    </span>
+  </div>
+  <component-annotations
+      [annotations]='labelController.latestAnnotations'
+      [max-score]='labelController.componentContent.maxScore'>
+  </component-annotations>
 </div>
diff --git a/src/main/webapp/wise5/components/label/label-grading/label-grading.component.html b/src/main/webapp/wise5/components/label/label-grading/label-grading.component.html
new file mode 100644
index 0000000000..47f8dbe6fc
--- /dev/null
+++ b/src/main/webapp/wise5/components/label/label-grading/label-grading.component.html
@@ -0,0 +1,9 @@
+<div class='component--grading__response__content'>
+  <div id='canvasParent_{{canvasId}}'>
+    <canvas id='{{canvasId}}'
+        width='800'
+        height='600'
+        style='border:1px solid black;'>
+    </canvas>
+  </div>
+</div>
\ No newline at end of file
diff --git a/src/main/webapp/wise5/components/label/label-grading/label-grading.component.scss b/src/main/webapp/wise5/components/label/label-grading/label-grading.component.scss
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/main/webapp/wise5/components/label/label-grading/label-grading.component.ts b/src/main/webapp/wise5/components/label/label-grading/label-grading.component.ts
new file mode 100644
index 0000000000..80e9d61272
--- /dev/null
+++ b/src/main/webapp/wise5/components/label/label-grading/label-grading.component.ts
@@ -0,0 +1,82 @@
+import { fabric } from 'fabric';
+import { Component } from '@angular/core';
+import { ComponentGrading } from '../../../classroomMonitor/classroomMonitorComponents/shared/component-grading.component';
+import { ProjectService } from '../../../services/projectService';
+import { LabelService } from '../labelService';
+
+@Component({
+  selector: 'label-grading',
+  templateUrl: 'label-grading.component.html',
+  styleUrls: ['label-grading.component.scss']
+})
+export class LabelGrading extends ComponentGrading {
+  canvasId: string;
+  canvas: any;
+
+  constructor(private LabelService: LabelService, protected ProjectService: ProjectService) {
+    super(ProjectService);
+  }
+
+  ngOnInit(): void {
+    super.ngOnInit();
+    this.canvasId = this.getCanvasId();
+    this.enableFabricTextPadding();
+    // wait for angular to completely render the html before we initialize the canvas
+    setTimeout(() => {
+      this.setupCanvas();
+    });
+  }
+
+  getCanvasId(): string {
+    return this.getCanvasIdPrefix() + this.componentState.id;
+  }
+
+  getCanvasIdPrefix(): string {
+    if (this.isRevision) {
+      return 'label-canvas-revision-';
+    } else {
+      return 'label-canvas-';
+    }
+  }
+
+  enableFabricTextPadding(): void {
+    fabric.Text.prototype.set({
+      _getNonTransformedDimensions() {
+        return new fabric.Point(this.width, this.height).scalarAdd(this.padding);
+      },
+      _calculateCurrentDimensions() {
+        return fabric.util.transformPoint(
+          this._getTransformedDimensions(),
+          this.getViewportTransform(),
+          true
+        );
+      }
+    });
+  }
+
+  setupCanvas(): void {
+    const isDisabled: boolean = true;
+    this.canvas = this.LabelService.initializeCanvas(
+      this.canvasId,
+      this.componentContent.width,
+      this.componentContent.height,
+      isDisabled
+    );
+    this.setStudentWork(this.canvas, this.componentContent, this.componentState);
+  }
+
+  setStudentWork(canvas: any, componentContent: any, componentState: any): void {
+    this.LabelService.addLabelsToCanvas(
+      canvas,
+      componentState.studentData.labels,
+      componentContent.width,
+      componentContent.height,
+      componentContent.pointSize,
+      componentContent.fontSize,
+      componentContent.labelWidth,
+      componentContent.enableCircles,
+      componentState.studentData.version
+    );
+    this.LabelService.setBackgroundImage(canvas, componentState.studentData.backgroundImage);
+  }
+}
diff --git a/src/main/webapp/wise5/components/label/labelController.ts b/src/main/webapp/wise5/components/label/labelController.ts
index dc17a360cb..467b576fcc 100644
--- a/src/main/webapp/wise5/components/label/labelController.ts
+++ b/src/main/webapp/wise5/components/label/labelController.ts
@@ -194,46 +194,26 @@ class LabelController extends ComponentController {
       this.enableCircles = this.componentContent.enableCircles;
     }
 
-    if (this.mode === 'grading' || this.mode === 'gradingRevision') {
-      this.isSaveButtonVisible = false;
-      this.isSubmitButtonVisible = false;
-      this.isNewLabelButtonVisible = false;
-      this.isDisabled = true;
+    this.isPromptVisible = true;
+    this.isSaveButtonVisible = this.componentContent.showSaveButton;
+    this.isSubmitButtonVisible = this.componentContent.showSubmitButton;
 
-      if (componentState != null) {
-        // create a unique id for the application label element using this component state
-        this.canvasId = 'labelCanvas_' + componentState.id;
-        if (this.mode === 'gradingRevision') {
-          this.canvasId = 'labelCanvas_gradingRevision_' + componentState.id;
-        }
-      }
-    } else if (this.mode === 'showPreviousWork') {
-      this.isPromptVisible = true;
-      this.isSaveButtonVisible = false;
-      this.isSubmitButtonVisible = false;
-      this.isNewLabelButtonVisible = false;
+    if (this.onlyHasShowWorkConnectedComponents()) {
       this.isDisabled = true;
-    } else {
-      this.isPromptVisible = true;
-      this.isSaveButtonVisible = this.componentContent.showSaveButton;
-      this.isSubmitButtonVisible = this.componentContent.showSubmitButton;
-
-      if (this.onlyHasShowWorkConnectedComponents()) {
-        this.isDisabled = true;
-      }
+    }
 
-      if (this.canCreateLabels) {
-        this.isNewLabelButtonVisible = true;
-      } else {
-        this.isNewLabelButtonVisible = false;
-      }
+    if (this.canCreateLabels) {
+      this.isNewLabelButtonVisible = true;
+    } else {
+      this.isNewLabelButtonVisible = false;
+    }
 
-      if (this.isDisabled) {
-        this.isNewLabelButtonVisible = false;
-        this.canCreateLabels = false;
-        this.isResetButtonVisible = false;
-      }
+    if (this.isDisabled) {
+      this.isNewLabelButtonVisible = false;
+      this.canCreateLabels = false;
+      this.isResetButtonVisible = false;
     }
+
     this.$timeout(
       angular.bind(this, function () {
         // wait for angular to completely render the html before we initialize the canvas
@@ -366,11 +346,16 @@ class LabelController extends ComponentController {
   }
 
   setupCanvas() {
-    // initialize the canvas
-    const canvas = this.initializeCanvas();
+    const canvas = this.LabelService.initializeCanvas(
+      this.canvasId,
+      this.canvasWidth,
+      this.canvasHeight,
+      this.isDisabled
+    );
     this.canvas = canvas;
-
-    // get the component state from the scope
+    this.registerMouseDownListener();
+    this.registerObjectMovingListener();
+    this.registerTextChangedListener();
     const componentState = this.$scope.componentState;
 
     if (!this.disabled) {
@@ -378,50 +363,32 @@ class LabelController extends ComponentController {
       this.createKeydownListener();
     }
 
-    if (this.mode == 'student') {
-      if (this.UtilService.hasShowWorkConnectedComponent(this.componentContent)) {
-        // we will show work from another component
-        this.handleConnectedComponents();
-      } else if (
-        this.LabelService.componentStateHasStudentWork(componentState, this.componentContent)
-      ) {
-        /*
-         * the student has work so we will populate the work into this
-         * component
-         */
-        this.setStudentWork(componentState);
-      } else if (this.UtilService.hasConnectedComponent(this.componentContent)) {
-        // we will import work from another component
-        this.handleConnectedComponents();
+    if (this.UtilService.hasShowWorkConnectedComponent(this.componentContent)) {
+      this.handleConnectedComponents();
+    } else if (
+      this.LabelService.componentStateHasStudentWork(componentState, this.componentContent)
+    ) {
+      this.setStudentWork(componentState);
+    } else if (this.UtilService.hasConnectedComponent(this.componentContent)) {
+      // we will import work from another component
+      this.handleConnectedComponents();
 
-        if (this.componentContent.labels != null) {
-          // populate the canvas with the starter labels
-          this.addLabelsToCanvas(this.componentContent.labels);
-        }
-      } else if (
-        this.LabelService.componentStateIsSameAsStarter(componentState, this.componentContent)
-      ) {
-        // the student labels are the same as the starter labels
-        this.setStudentWork(componentState);
-      } else if (componentState == null) {
-        if (this.componentContent.labels != null) {
-          /*
-           * the student has not done any work and there are starter labels
-           * so we will populate the canvas with the starter labels
-           */
-          this.addLabelsToCanvas(this.componentContent.labels);
-        }
+      if (this.componentContent.labels != null) {
+        // populate the canvas with the starter labels
+        this.addLabelsToCanvas(this.componentContent.labels);
       }
-    } else if (this.mode === 'grading') {
-      // populate the student work into this component
+    } else if (
+      this.LabelService.componentStateIsSameAsStarter(componentState, this.componentContent)
+    ) {
+      // the student labels are the same as the starter labels
       this.setStudentWork(componentState);
-    } else {
-      if (componentState == null && this.componentContent.labels != null) {
-        // populate the canvas with the starter labels
+    } else if (componentState == null) {
+      if (this.componentContent.labels != null) {
+        /*
+         * the student has not done any work and there are starter labels
+         * so we will populate the canvas with the starter labels
+         */
         this.addLabelsToCanvas(this.componentContent.labels);
-      } else {
-        // populate the student work into this component
-        this.setStudentWork(componentState);
       }
     }
 
@@ -448,85 +415,219 @@ class LabelController extends ComponentController {
     this.disableComponentIfNecessary();
   }
 
-  /**
-   * Populate the student work into the component
-   * @param componentState the component state to populate into the component
-   */
-  setStudentWork(componentState) {
-    if (componentState != null) {
-      const studentData = componentState.studentData;
-
-      if (studentData != null) {
-        if (studentData.version == null) {
-          this.setStudentDataVersion(1);
-        } else {
-          this.setStudentDataVersion(studentData.version);
+  registerMouseDownListener(): void {
+    this.canvas.on(
+      angular.bind(this, (options: any) => {
+        // get the object that was clicked on if any
+        const activeObject = this.canvas.getActiveObject();
+        if (activeObject == null) {
+          /*
+           * no objects in the canvas were clicked. the user clicked
+           * on a blank area of the canvas so we will unselect any label
+           * that was selected and turn off edit label mode
+           */
+          this.unselectAll();
         }
+      })
+    );
+  }
 
-        // get the labels from the student data
-        const labels = studentData.labels;
+  unselectAll() {
+    this.selectedLabel = null;
+    this.editLabelMode = false;
+  }
 
-        // add the labels to the canvas
-        this.addLabelsToCanvas(labels);
+  registerObjectMovingListener(): void {
+    this.canvas.on(
+      'object:moving',
+      angular.bind(this, (options: any) => {
+        const target = options.target;
 
-        // get the background image from the student data
-        const backgroundImage = studentData.backgroundImage;
+        if (target != null) {
+          // get the type of the object that is moving
+          const type = target.get('type');
 
-        if (backgroundImage != null) {
-          this.setBackgroundImage(backgroundImage);
-        }
+          // get the position of the element
+          let left = target.get('left');
+          let top = target.get('top');
+
+          // limit the x position to the canvas
+          if (left < 0) {
+            target.set('left', 0);
+            left = 0;
+          } else if (left > this.canvasWidth) {
+            target.set('left', this.canvasWidth);
+            left = this.canvasWidth;
+          }
+
+          // limit the y position to the canvas
+          if (top < 0) {
+            target.set('top', 0);
+            top = 0;
+          } else if (top > this.canvasHeight) {
+            target.set('top', this.canvasHeight);
+            top = this.canvasHeight;
+          }
+
+          if (type === 'circle') {
+            /*
+             * the student is moving the point of the label so we need to update
+             * the endpoint of the line and the position of the text element.
+             * the endpoint of the line and the position of the text element should
+             * maintain the relative position to the point.
+             */
+
+            // get the line associated with the circle
+            const line = target.line;
+
+            let xDiff = 0;
+            let yDiff = 0;
+
+            if (line != null) {
+              // calculate the relative offset of the end of the line
+              xDiff = line.x2 - line.x1;
+              yDiff = line.y2 - line.y1;
+
+              if (this.studentDataVersion === 1) {
+                // set the new position of the two endpoints of the line
+                line.set({ x1: left, y1: top, x2: left + xDiff, y2: top + yDiff });
+              } else {
+                // set the new position of the circle endpoint of the line
+                line.set({ x1: left, y1: top });
+              }
+
+              // remove and add the line to refresh the element in the canvas
+              this.canvas.remove(line);
+              this.canvas.add(line);
+
+              // set the z index so it will be below the circle and text elements
+              this.canvas.moveTo(line, this.lineZIndex);
+            }
+
+            // get the text element
+            const text = target.text;
+
+            if (text != null) {
+              if (this.studentDataVersion === 1) {
+                /*
+                 * In the old student data version the text position is relative
+                 * to the circle so we need to move the text along with the circle.
+                 */
+
+                // set the new position of the text element
+                text.set({ left: left + xDiff, top: top + yDiff });
+
+                // remove and add the line to refresh the element in the canvas
+                this.canvas.remove(text);
+                this.canvas.add(text);
+
+                // set the z index so it will be above line elements and below circle elements
+                this.canvas.moveTo(text, this.textZIndex);
+              }
+            }
+          } else if (type === 'i-text') {
+            if (this.enableCircles) {
+              /*
+               * the student is moving the text of the label so we need to update
+               * the endpoint of the line. the endpoint of the line should be in
+               * the same position as the text element.
+               */
+              const line = target.line;
+              if (line != null) {
+                // set the new position of the text element
+                line.set({ x2: left, y2: top });
+
+                // remove and add the line to refresh the element in the canvas
+                this.canvas.remove(line);
+                this.canvas.add(line);
+
+                // set the z index so it will be below the circle and text elements
+                this.canvas.moveTo(line, this.lineZIndex);
+              }
+            } else {
+              /*
+               * Circles are not enabled so we are only showing the text. We will
+               * set the circle position to be the same as the text position.
+               */
+              let circle = target.circle;
+              let line = target.line;
+              circle.set({ left: left, top: top });
+              line.set({ x1: left, y1: top, x2: left, y2: top });
+            }
+          }
 
-        const submitCounter = studentData.submitCounter;
+          // refresh the canvas
+          this.canvas.renderAll();
+          this.studentDataChanged();
+        }
+      })
+    );
+  }
 
-        if (submitCounter != null) {
-          // populate the submit counter
-          this.submitCounter = submitCounter;
+  registerTextChangedListener(): void {
+    this.canvas.on(
+      'text:changed',
+      angular.bind(this, (options: any) => {
+        const target = options.target;
+        if (target.get('type') === 'i-text') {
+          this.studentDataChanged();
         }
+      })
+    );
+  }
 
-        this.processLatestStudentWork();
-      }
+  /**
+   * Populate the student work into the component
+   * @param componentState the component state to populate into the component
+   */
+  setStudentWork(componentState) {
+    const studentData = componentState.studentData;
+
+    if (studentData.version == null) {
+      this.setStudentDataVersion(1);
+    } else {
+      this.setStudentDataVersion(studentData.version);
+    }
+
+    this.addLabelsToCanvas(studentData.labels);
+
+    const backgroundImage = studentData.backgroundImage;
+    if (backgroundImage != null) {
+      this.setBackgroundImage(studentData.backgroundImage);
     }
+
+    const submitCounter = studentData.submitCounter;
+    if (submitCounter != null) {
+      this.submitCounter = submitCounter;
+    }
+
+    this.processLatestStudentWork();
   }
 
   /**
    * Add labels ot the canvas
    * @param labels an array of objects that contain the values for a label
    */
-  addLabelsToCanvas(labels) {
-    if (labels != null) {
-      // loop through all the labels
-      for (let x = 0; x < labels.length; x++) {
-        // get a label
-        const label = labels[x];
-
-        if (label != null) {
-          // get the values of the label
-          let pointX = label.pointX;
-          let pointY = label.pointY;
-          let textX = label.textX;
-          let textY = label.textY;
-          let text = label.text;
-          let color = label.color;
-          let canEdit = label.canEdit;
-          let canDelete = label.canDelete;
-
-          // create the label
-          const fabricLabel: any = this.createLabel(
-            pointX,
-            pointY,
-            textX,
-            textY,
-            text,
-            color,
-            canEdit,
-            canDelete
-          );
+  addLabelsToCanvas(labels: any[]): void {
+    const fabricLabels = this.LabelService.addLabelsToCanvas(
+      this.canvas,
+      labels,
+      this.canvasWidth,
+      this.canvasHeight,
+      this.componentContent.pointSize,
+      this.componentContent.fontSize,
+      this.componentContent.labelWidth,
+      this.enableCircles,
+      this.studentDataVersion
+    );
+    this.addListenersToLabels(fabricLabels);
+    this.addLabelsToLocalArray(fabricLabels);
+  }
 
-          // add the label to the canvas
-          this.addLabelToCanvas(this.canvas, fabricLabel);
-        }
-      }
-    }
+  addLabelsToLocalArray(labels: any[]): void {
+    labels.forEach((label: any) => {
+      this.labels.push(label);
+    });
   }
 
   newLabelButtonClicked() {
@@ -770,214 +871,13 @@ class LabelController extends ComponentController {
     return this.isCancelButtonVisible;
   }
 
-  /**
-   * Initialize the canvas
-   * @returns the canvas object
-   */
-  initializeCanvas() {
-    let canvas = null;
-
-    if (this.componentContent.width != null && this.componentContent.width != '') {
-      this.canvasWidth = this.componentContent.width;
-    }
-
-    if (this.componentContent.height != null && this.componentContent.height != '') {
-      this.canvasHeight = this.componentContent.height;
-    }
-
-    // get the canvas object from the html
-    if (this.isDisabled) {
-      // we will make the canvas uneditable
-      canvas = new fabric.StaticCanvas(this.canvasId);
-    } else {
-      // make the canvas editable
-      canvas = new fabric.Canvas(this.canvasId);
-    }
-
-    // disable selection of items
-    canvas.selection = false;
-
-    // change the cursor to a hand when it is hovering over an object
-    canvas.hoverCursor = 'pointer';
-
-    // set the width and height of the canvas
-    canvas.setWidth(this.canvasWidth);
-    canvas.setHeight(this.canvasHeight);
-    (<HTMLInputElement>document.getElementById(this.canvasId)).width = this.canvasWidth;
-    (<HTMLInputElement>document.getElementById(this.canvasId)).height = this.canvasHeight;
-
-    // set the height on the parent div so that a vertical scrollbar doesn't show up
-    $('#canvasParent_' + this.canvasId).css('height', this.canvasHeight + 2);
-
-    // listen for the mouse down event
-    canvas.on(
-      'mouse:down',
-      angular.bind(this, function (options) {
-        // get the object that was clicked on if any
-        const activeObject = this.canvas.getActiveObject();
-
-        if (activeObject == null) {
-          /*
-           * no objects in the canvas were clicked. the user clicked
-           * on a blank area of the canvas so we will unselect any label
-           * that was selected and turn off edit label mode
-           */
-          this.selectedLabel = null;
-          this.editLabelMode = false;
-        }
-      })
-    );
-
-    // listen for the object moving event
-    canvas.on(
-      'object:moving',
-      angular.bind(this, function (options) {
-        const target = options.target;
-
-        if (target != null) {
-          // get the type of the object that is moving
-          const type = target.get('type');
-
-          // get the position of the element
-          let left = target.get('left');
-          let top = target.get('top');
-
-          // limit the x position to the canvas
-          if (left < 0) {
-            target.set('left', 0);
-            left = 0;
-          } else if (left > this.canvasWidth) {
-            target.set('left', this.canvasWidth);
-            left = this.canvasWidth;
-          }
-
-          // limit the y position to the canvas
-          if (top < 0) {
-            target.set('top', 0);
-            top = 0;
-          } else if (top > this.canvasHeight) {
-            target.set('top', this.canvasHeight);
-            top = this.canvasHeight;
-          }
-
-          if (type === 'circle') {
-            /*
-             * the student is moving the point of the label so we need to update
-             * the endpoint of the line and the position of the text element.
-             * the endpoint of the line and the position of the text element should
-             * maintain the relative position to the point.
-             */
-
-            // get the line associated with the circle
-            const line = target.line;
-
-            let xDiff = 0;
-            let yDiff = 0;
-
-            if (line != null) {
-              // calculate the relative offset of the end of the line
-              xDiff = line.x2 - line.x1;
-              yDiff = line.y2 - line.y1;
-
-              if (this.isStudentDataVersion(1)) {
-                // set the new position of the two endpoints of the line
-                line.set({ x1: left, y1: top, x2: left + xDiff, y2: top + yDiff });
-              } else {
-                // set the new position of the circle endpoint of the line
-                line.set({ x1: left, y1: top });
-              }
-
-              // remove and add the line to refresh the element in the canvas
-              canvas.remove(line);
-              canvas.add(line);
-
-              // set the z index so it will be below the circle and text elements
-              canvas.moveTo(line, this.lineZIndex);
-            }
-
-            // get the text element
-            const text = target.text;
-
-            if (text != null) {
-              if (this.isStudentDataVersion(1)) {
-                /*
-                 * In the old student data version the text position is relative
-                 * to the circle so we need to move the text along with the circle.
-                 */
-
-                // set the new position of the text element
-                text.set({ left: left + xDiff, top: top + yDiff });
-
-                // remove and add the line to refresh the element in the canvas
-                canvas.remove(text);
-                canvas.add(text);
-
-                // set the z index so it will be above line elements and below circle elements
-                canvas.moveTo(text, this.textZIndex);
-              }
-            }
-          } else if (type === 'i-text') {
-            if (this.enableCircles) {
-              /*
-               * the student is moving the text of the label so we need to update
-               * the endpoint of the line. the endpoint of the line should be in
-               * the same position as the text element.
-               */
-              const line = target.line;
-              if (line != null) {
-                // set the new position of the text element
-                line.set({ x2: left, y2: top });
-
-                // remove and add the line to refresh the element in the canvas
-                canvas.remove(line);
-                canvas.add(line);
-
-                // set the z index so it will be below the circle and text elements
-                canvas.moveTo(line, this.lineZIndex);
-              }
-            } else {
-              /*
-               * Circles are not enabled so we are only showing the text. We will
-               * set the circle position to be the same as the text position.
-               */
-              let circle = target.circle;
-              let line = target.line;
-              circle.set({ left: left, top: top });
-              line.set({ x1: left, y1: top, x2: left, y2: top });
-            }
-          }
-
-          // refresh the canvas
-          canvas.renderAll();
-          this.studentDataChanged();
-        }
-      })
-    );
-
-    // listen for the text changed event
-    canvas.on(
-      'text:changed',
-      angular.bind(this, function (options) {
-        const target = options.target;
-        if (target != null) {
-          const type = target.get('type');
-          if (type === 'i-text') {
-            this.studentDataChanged();
-          }
-        }
-      })
-    );
-
-    return canvas;
-  }
-
   createLabelOnCanvas() {
     this.createLabelMode = false;
     this.isCancelButtonVisible = false;
     const newLabelLocation = this.getNewLabelLocation();
     const canEdit = true;
     const canDelete = true;
-    const newLabel = this.createLabel(
+    const newLabel = this.LabelService.createLabel(
       newLabelLocation.pointX,
       newLabelLocation.pointY,
       newLabelLocation.textX,
@@ -985,9 +885,17 @@ class LabelController extends ComponentController {
       this.$translate('label.aNewLabel'),
       'blue',
       canEdit,
-      canDelete
+      canDelete,
+      this.componentContent.canvasWidth,
+      this.componentContent.canvasHeight,
+      this.componentContent.pointSize,
+      this.componentContent.fontSize,
+      this.componentContent.labelWidth,
+      this.studentDataVersion
     );
-    this.addLabelToCanvas(this.canvas, newLabel);
+    this.LabelService.addLabelToCanvas(this.canvas, newLabel, this.enableCircles);
+    this.addListenersToLabel(newLabel);
+    this.labels.push(newLabel);
     this.selectLabel(newLabel);
     this.studentDataChanged();
   }
@@ -1282,16 +1190,8 @@ class LabelController extends ComponentController {
    * @return The x coordinate that may have been modified to be within the
    * bounds.
    */
-  makeSureXIsWithinXMinMaxLimits(x) {
-    // make sure the x is not to the left of the left edge
-    if (x < 0) {
-      x = 0;
-    }
-    // make sure the x is not to the right of the right edge
-    if (x > this.canvasWidth) {
-      x = this.canvasWidth;
-    }
-    return x;
+  makeSureXIsWithinXMinMaxLimits(x: number): number {
+    return this.LabelService.makeSureValueIsWithinLimit(x, this.canvasWidth);
   }
 
   /**
@@ -1300,70 +1200,25 @@ class LabelController extends ComponentController {
    * @return The y coordinate that may have been modified to be within the
    * bounds.
    */
-  makeSureYIsWithinYMinMaxLimits(y) {
-    // make sure the y is not above the top edge
-    if (y < 0) {
-      y = 0;
-    }
-    // make sure the y is not below the bottom edge
-    if (y > this.canvasHeight) {
-      y = this.canvasHeight;
-    }
-    return y;
+  makeSureYIsWithinYMinMaxLimits(y: number): number {
+    return this.LabelService.makeSureValueIsWithinLimit(y, this.canvasHeight);
   }
 
-  /**
-   * Add a label to canvas
-   * @param canvas the canvas
-   * @param label an object that contains a Fabric circle, Fabric line,
-   * and Fabric itext elements
-   */
-  addLabelToCanvas(canvas, label) {
-    if (canvas != null && label != null) {
-      // get the circle, line and text elements
-      const circle = label.circle;
-      const line = label.line;
-      const text = label.text;
-
-      if (circle != null && line != null && text != null) {
-        if (this.enableCircles) {
-          // add the elements to the canvas
-          canvas.add(circle, line, text);
-
-          // set the z indexes for the elements
-          canvas.moveTo(line, this.lineZIndex);
-          canvas.moveTo(text, this.textZIndex);
-          canvas.moveTo(circle, this.circleZIndex);
-        } else {
-          // add the text element to the canvas
-          canvas.add(text);
-          canvas.moveTo(text, this.textZIndex);
-        }
-
-        // refresh the canvas
-        canvas.renderAll();
-
-        if (this.enableCircles) {
-          circle.on('mousedown', () => {
-            /*
-             * the circle was clicked so we will make the associated
-             * label selected
-             */
-            this.selectLabel(label);
-          });
-        }
-
-        text.on('mousedown', () => {
-          /*
-           * the text was clicked so we will make the associated
-           * label selected
-           */
-          this.selectLabel(label);
-        });
+  addListenersToLabels(labels: any[]): void {
+    labels.forEach((label: any) => {
+      this.addListenersToLabel(label);
+    });
+  }
 
-        this.labels.push(label);
-      }
+  addListenersToLabel(label: any): void {
+    if (this.enableCircles) {
+      label.circle.on('mousedown', () => {
+        this.selectLabel(label);
+      });
     }
+    label.text.on('mousedown', () => {
+      this.selectLabel(label);
+    });
   }
 
   /**
diff --git a/src/main/webapp/wise5/components/label/labelGradingComponentModule.ts b/src/main/webapp/wise5/components/label/labelGradingComponentModule.ts
new file mode 100644
index 0000000000..a7ed9e8ed4
--- /dev/null
+++ b/src/main/webapp/wise5/components/label/labelGradingComponentModule.ts
@@ -0,0 +1,14 @@
+'use strict';
+
+import * as angular from 'angular';
+import { downgradeComponent } from '@angular/upgrade/static';
+import { LabelGrading } from './label-grading/label-grading.component';
+
+const labelGradingComponentModule = angular
+  .module('labelGradingComponentModule', ['pascalprecht.translate'])
+  .directive(
+    'labelGrading',
+    downgradeComponent({ component: LabelGrading }) as angular.IDirectiveFactory
+  );
+
+export default labelGradingComponentModule;
diff --git a/src/main/webapp/wise5/components/label/labelService.ts b/src/main/webapp/wise5/components/label/labelService.ts
index e366feaa73..650d6406e9 100644
--- a/src/main/webapp/wise5/components/label/labelService.ts
+++ b/src/main/webapp/wise5/components/label/labelService.ts
@@ -1,6 +1,7 @@
 'use strict';
 
 import * as angular from 'angular';
+import { fabric } from 'fabric';
 import SVG from 'svg.js';
 import { ComponentService } from '../componentService';
 import { StudentAssetService } from '../../services/studentAssetService';
@@ -11,6 +12,11 @@ import { StudentDataService } from '../../services/studentDataService';
 
 @Injectable()
 export class LabelService extends ComponentService {
+  lineZIndex: number = 0;
+  textZIndex: number = 1;
+  circleZIndex: number = 2;
+  defaultTextBackgroundColor: string = 'blue';
+
   constructor(
     private upgrade: UpgradeModule,
     private StudentAssetService: StudentAssetService,
@@ -370,4 +376,196 @@ export class LabelService extends ComponentService {
       return null;
     }
   }
+
+  initializeCanvas(canvasId: string, width: number, height: number, isDisabled: boolean): any {
+    let canvas: any = null;
+    if (isDisabled) {
+      canvas = new fabric.StaticCanvas(canvasId);
+    } else {
+      canvas = new fabric.Canvas(canvasId);
+    }
+    canvas.selection = false;
+    canvas.hoverCursor = 'pointer';
+    this.setCanvasDimension(canvas, width, height);
+    $('#canvasParent_' + canvasId).css('height', height + 2);
+    return canvas;
+  }
+
+  setCanvasDimension(canvas: any, width: number, height: number): void {
+    canvas.setWidth(width);
+    canvas.setHeight(height);
+  }
+
+  isStudentDataVersion(componentState: any, studentDataVersion: number): boolean {
+    return componentState.studentData.version === studentDataVersion;
+  }
+
+  addLabelsToCanvas(
+    canvas: any,
+    labels: any[],
+    width: number,
+    height: number,
+    pointSize: number,
+    fontSize: number,
+    labelWidth: number,
+    enableCircles: boolean,
+    studentDataVersion: number
+  ): any[] {
+    const fabricLabels: any[] = [];
+    labels.forEach((label) => {
+      const fabricLabel = this.createLabel(
+        label.pointX,
+        label.pointY,
+        label.textX,
+        label.textY,
+        label.text,
+        label.color,
+        label.canEdit,
+        label.canDelete,
+        width,
+        height,
+        pointSize,
+        fontSize,
+        labelWidth,
+        studentDataVersion
+      );
+      this.addLabelToCanvas(canvas, fabricLabel, enableCircles);
+      fabricLabels.push(fabricLabel);
+    });
+    return fabricLabels;
+  }
+
+  createLabel(
+    pointX: number,
+    pointY: number,
+    textX: number,
+    textY: number,
+    textString: string,
+    color: string = this.defaultTextBackgroundColor,
+    canEdit: boolean = true,
+    canDelete: boolean = true,
+    canvasWidth: number,
+    canvasHeight: number,
+    pointSize: number = 5,
+    fontSize: number = 20,
+    labelWidth: number,
+    studentDataVersion: number = 2
+  ): any {
+    // get the position of the point
+    let x1: number = pointX;
+    let y1: number = pointY;
+    let x2: number = null;
+    let y2: number = null;
+
+    if (studentDataVersion === 1) {
+      // get the absolute position of the text
+      x2 = pointX + textX;
+      y2 = pointY + textY;
+    } else {
+      x2 = textX;
+      y2 = textY;
+    }
+
+    /*
+     * Make sure all the positions are within the bounds of the canvas. If there
+     * are any positions that are outside the bounds, we will change the
+     * position to be within the bounds.
+     */
+    x1 = this.makeSureValueIsWithinLimit(x1, canvasWidth);
+    y1 = this.makeSureValueIsWithinLimit(y1, canvasHeight);
+    x2 = this.makeSureValueIsWithinLimit(x2, canvasWidth);
+    y2 = this.makeSureValueIsWithinLimit(y2, canvasHeight);
+
+    const circle: any = new fabric.Circle({
+      radius: pointSize,
+      left: x1,
+      top: y1,
+      originX: 'center',
+      originY: 'center',
+      hasControls: false,
+      borderColor: 'red',
+      hasBorders: true,
+      selectable: true
+    });
+
+    const line: any = new fabric.Line([x1, y1, x2, y2], {
+      fill: 'black',
+      stroke: 'black',
+      strokeWidth: 3,
+      selectable: false
+    });
+
+    let wrappedTextString = textString;
+    if (labelWidth != null) {
+      wrappedTextString = this.UtilService.wordWrap(textString, labelWidth);
+    }
+
+    // create an editable text element
+    const text: any = new fabric.IText(wrappedTextString, {
+      left: x2,
+      top: y2,
+      originX: 'center',
+      originY: 'center',
+      fontSize: fontSize,
+      fill: 'white',
+      backgroundColor: color,
+      width: 100,
+      hasControls: false,
+      hasBorders: true,
+      borderColor: 'red',
+      borderDashArray: [8, 8],
+      borderScaleFactor: 3,
+      borderOpacityWhenMoving: 1,
+      selectable: true,
+      cursorWidth: 0,
+      editable: false,
+      padding: 16
+    });
+
+    // give the circle a reference to the line and text elements
+    circle.line = line;
+    circle.text = text;
+
+    // give the text element a reference to the line and circle elements
+    text.line = line;
+    text.circle = circle;
+
+    return {
+      circle: circle,
+      line: line,
+      text: text,
+      textString: textString,
+      canEdit: canEdit,
+      canDelete: canDelete
+    };
+  }
+
+  addLabelToCanvas(canvas: any, label: any, enableCircles: boolean): void {
+    const circle: any = label.circle;
+    const line: any = label.line;
+    const text: any = label.text;
+    if (enableCircles) {
+      canvas.add(circle, line, text);
+      canvas.moveTo(line, this.lineZIndex);
+      canvas.moveTo(text, this.textZIndex);
+      canvas.moveTo(circle, this.circleZIndex);
+    } else {
+      canvas.add(text);
+      canvas.moveTo(text, this.textZIndex);
+    }
+    canvas.renderAll();
+  }
+
+  makeSureValueIsWithinLimit(value: number, limit: number): number {
+    if (value < 0) {
+      value = 0;
+    } else if (value > limit) {
+      value = limit;
+    }
+    return value;
+  }
+
+  setBackgroundImage(canvas: any, backgroundPath: string): void {
+    canvas.setBackgroundImage(backgroundPath, canvas.renderAll.bind(canvas));
+  }
 }
diff --git a/src/main/webapp/wise5/teacher/teacher-angular-js-module.ts b/src/main/webapp/wise5/teacher/teacher-angular-js-module.ts
index f3bae42e0b..99eb9fc3ee 100644
--- a/src/main/webapp/wise5/teacher/teacher-angular-js-module.ts
+++ b/src/main/webapp/wise5/teacher/teacher-angular-js-module.ts
@@ -57,6 +57,7 @@ import '../authoringTool/node/editRubric/editRubricModule';
 import '../authoringTool/importComponent/importComponentModule';
 import '../authoringTool/importStep/importStepModule';
 import '../components/label/labelAuthoringComponentModule';
+import '../components/label/labelGradingComponentModule';
 import '../components/match/matchAuthoringComponentModule';
 import '../components/match/matchGradingComponentModule';
 import '../components/multipleChoice/multipleChoiceAuthoringComponentModule';
@@ -87,6 +88,7 @@ angular
     'importComponentModule',
     'importStepModule',
     'labelAuthoringComponentModule',
+    'labelGradingComponentModule',
     'matchAuthoringComponentModule',
     'matchGradingComponentModule',
     'multipleChoiceAuthoringComponentModule',

From 60a5064b0bc1c52c786e3e9a0f0c45b9282f0e81 Mon Sep 17 00:00:00 2001
From: breity <breity10@gmail.com>
Date: Tue, 23 Feb 2021 11:35:39 -0800
Subject: [PATCH 13/36] Removed NotebookNotes's dependency on Notebook
 component; updated styles. #2827

---
 .../src/app/common-hybrid-angular.module.ts   |   5 +
 .../notebook-notes.component.html             | 157 +++++++--------
 .../notebook-notes.component.scss             |  55 ++++++
 .../notebook-notes.component.ts               | 179 ++++++++----------
 .../notebook-parent.component.ts              |  73 +++++++
 .../notebook/notebook/notebook.component.html |  12 +-
 src/main/webapp/site/src/messages.xlf         | 104 +++++++++-
 .../site/src/style/abstracts/_mixins.scss     |  16 ++
 .../site/src/style/abstracts/_variables.scss  |   1 +
 .../wise5/classroomMonitor/i18n/i18n_en.json  |   2 -
 src/main/webapp/wise5/i18n/i18n_en.json       |   1 -
 .../webapp/wise5/services/notebookService.ts  |   6 +
 .../wise5/themes/default/style/author.css     |   2 +-
 .../wise5/themes/default/style/author.css.map |   2 +-
 .../default/style/modules/_notebook.scss      |  42 ----
 .../wise5/themes/default/style/monitor.css    |   2 +-
 .../themes/default/style/monitor.css.map      |   2 +-
 .../webapp/wise5/themes/default/style/vle.css |   2 +-
 .../wise5/themes/default/style/vle.css.map    |   2 +-
 src/main/webapp/wise5/themes/default/vle.html |   9 +-
 20 files changed, 431 insertions(+), 243 deletions(-)
 create mode 100644 src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.scss
 create mode 100644 src/main/webapp/site/src/app/notebook/notebook-parent/notebook-parent.component.ts

diff --git a/src/main/webapp/site/src/app/common-hybrid-angular.module.ts b/src/main/webapp/site/src/app/common-hybrid-angular.module.ts
index 37637e1ab6..baca9e55d6 100644
--- a/src/main/webapp/site/src/app/common-hybrid-angular.module.ts
+++ b/src/main/webapp/site/src/app/common-hybrid-angular.module.ts
@@ -55,6 +55,7 @@ import { MomentModule } from 'ngx-moment';
 import { EditorModule, TINYMCE_SCRIPT_SRC } from '@tinymce/tinymce-angular';
 import { WiseTinymceEditorComponent } from '../../../wise5/directives/wise-tinymce-editor/wise-tinymce-editor.component';
 import { NotebookComponent } from './notebook/notebook/notebook.component';
+import { NotebookParentComponent } from './notebook/notebook-parent/notebook-parent.component';
 import { NotebookItemComponent } from './notebook/notebook-item/notebook-item.component';
 import { NotebookLauncherComponent } from './notebook/notebook-launcher/notebook-launcher.component';
 import { NotebookNotesComponent } from './notebook/notebook-notes/notebook-notes.component';
@@ -63,6 +64,7 @@ import { NotebookReportAnnotationsComponent } from './notebook/notebook-report-a
 import { MatSidenavModule } from '@angular/material/sidenav';
 import { MatTabsModule } from '@angular/material/tabs';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import { MatToolbarModule } from '@angular/material/toolbar';
 
 @Component({ template: `` })
 export class EmptyComponent {}
@@ -74,6 +76,7 @@ export class EmptyComponent {}
     NodeIconComponent,
     NodeStatusIcon,
     NotebookComponent,
+    NotebookParentComponent,
     NotebookItemComponent,
     NotebookLauncherComponent,
     NotebookNotesComponent,
@@ -101,6 +104,7 @@ export class EmptyComponent {}
     MatSelectModule,
     MatSidenavModule,
     MatTabsModule,
+    MatToolbarModule,
     MatTooltipModule,
     MomentModule,
     ReactiveFormsModule,
@@ -159,6 +163,7 @@ export class EmptyComponent {}
     MatSelectModule,
     MatSidenavModule,
     MatTabsModule,
+    MatToolbarModule,
     MatTooltipModule,
     MomentModule,
     NodeIconComponent,
diff --git a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.html b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.html
index 86b88cffb5..bf76fe3d7e 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.html
+++ b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.html
@@ -1,87 +1,92 @@
-<mat-sidenav-container
-    *ngIf="notesVisible"
-    style="position: absolute; top: 0; bottom: 0; left: 0; right: 0;"
-    [hasBackdrop]="false">
-  <mat-sidenav
-      mode="over"
-      [(opened)]="notesVisible"
-      md-component-id="notes"
-      md-whiteframe="4"
-      md-disable-backdrop
-      layout="column"
-      class="md-sidenav-right notebook-sidebar">
-    <br/>
-    <br/>
-    <br/>
-    <br/>
-    <mat-toolbar>
-      <div class="md-toolbar-tools"
-           [ngClass]="{'insert-mode': insertMode}"
-           style="background-color: {{color}}; display: flex;">
-          <span>{{getTitle()}}</span>
-          <span style="flex-grow: 1;"></span>
-          <button (click)="close($event)"
-              mat-button
-              i18n-aria-label="Close">
-            <mat-icon>close</mat-icon>
-          </button>
+<ng-template #notebookItems let-group="group">
+  <div class="notes"
+      [ngClass]="{'notebook-items--insert': insertMode}"
+      fxLayout="row wrap">
+    <div *ngIf="!hasNotes" i18n>
+      You haven't created any {{label.plural}} yet.
+    </div>
+    <notebook-item *ngFor="let note of group.items"
+        [config]="config"
+        [group]="group.name"
+        [itemId]="note.localNotebookItemId"
+        [isChooseMode]="insertMode"
+        [note]="note"
+        fxFlex="100"
+        fxFlex.gt-xs="50">
+    </notebook-item>
+  </div>
+</ng-template>
+
+<ng-template #oneGroup>
+  <div class="center">
+    <ng-container *ngTemplateOutlet="notebookItems; context: {group: groups[0]}"></ng-container>
+  </div>
+</ng-template>
+
+<ng-template #multipleGroups>
+  <mat-tab-group mat-selected="selectedTabIndex" animationDuration="0ms">
+    <mat-tab *ngFor="let group of groups"
+        [disabled]="group.disabled"
+        [label]="group.title">
+      <div class="center">
+        <ng-container *ngTemplateOutlet="notebookItems; context: {group: group}"></ng-container>
       </div>
-    </mat-toolbar>
-    <mat-tab-group mat-selected="selectedTabIndex" md-dynamic-height md-border-bottom md-autoselect 
-             mat-swipe-content>
-      <mat-tab *ngFor="let group of groups"
-          [disabled]="group.disabled"
-          [label]="group.title">
-        <div class="center md-padding">
-          <div class="notebook-items" [ngClass]="{'notebook-items--insert': insertMode}" layout="row"
-              layout-wrap>
-            <div class="md-padding" *ngIf="!hasNotes" translate="noNotes"
-                translate-value-term="config.itemTypes.note.label.plural"></div>
-            <notebook-item *ngFor="let note of group.items"
-                [config]="config"
-                [group]="group.name"
-                [itemId]="note.localNotebookItemId"
-                [isChooseMode]="insertMode"
-                [note]="note"
-                (onSelect)="select($event)"
-                style="display: flex;"
-                flex="100"
-                flex-gt-xs="50">
-            </notebook-item>
-          </div>
-        </div>
-      </mat-tab>
-    </mat-tab-group>
-  </mat-sidenav>
-  <mat-sidenav-content>
-  </mat-sidenav-content>
-</mat-sidenav-container>
-<div *ngIf="mode === 'classroomMonitor'"
-    md-dynamic-height md-border-bottom md-autoselect md-swipe-content>
-  <div *ngFor="let group of groups"
-      [disabled]="group.disabled"
-      label="group.title">
-    <div *ngIf="hasNotes" class="center md-padding">
-      <div class="notebook-items notebook-items--grading"
-          [ngClass]="{'notebook-items--insert': insertMode}" layout="row" layout-wrap>
+    </mat-tab>
+  </mat-tab-group>
+</ng-template>
+
+<div class="notebook-notes">
+  <ng-container *ngIf="mode !== 'classroomMonitor'">
+    <div [class.dark-theme]="insertMode">
+      <mat-toolbar role="heading">
+        <h4 *ngIf="insertMode" i18n>Select Item To Insert</h4>
+        <h4 *ngIf="!insertMode">{{label.link}}</h4>
+        <span fxFlex></span>
+        <button (click)="close()"
+            mat-icon-button
+            i18n-aria-label
+            attr.aria-label="Close {{label.link}}">
+          <mat-icon>close</mat-icon>
+        </button>
+      </mat-toolbar>
+    </div>
+    <mat-divider></mat-divider>
+    <div class="notes-wrapper">
+      <ng-container [ngTemplateOutlet]="groups.length > 1 ? multipleGroups : oneGroup">
+      </ng-container>
+    </div>
+    <button *ngIf="config.itemTypes.note.enableAddNote"
+        class="new-note"
+        mat-fab
+        color="accent"
+        i18n-aria-label
+        attr.aria-label="Add {{config.itemTypes.note.label.singular}}"
+        i18n-matTooltip
+        matTooltip="Add {{config.itemTypes.note.label.singular}}"
+        matTooltipPosition="above"
+        (click)="addNote()">
+      <mat-icon>add</mat-icon>
+    </button>
+  </ng-container>
+  <div class="notes notes-grading" *ngIf="mode === 'classroomMonitor'">
+    <div *ngFor="let group of groups">
+      <h4 *ngIf="groups.length > 1" class="mat-body-2 secondary-text">{{group.title}}</h4>
+      <div  fxLayout="row wrap" fxLayoutAlign="start center">
         <notebook-item *ngFor="let note of group.items"
             [config]="config"
             [group]="group.name"
             [itemId]="note.localNotebookItemId"
-            [isEditAllowed]="group.isEditAllowed"
             [isChooseMode]="insertMode"
             [note]="note"
-            (onSelect)="select($event)"
-            style="display: flex;"
-            flex="100"
-            flex-gt-xs="50"
-            flex-gt-sm="33"
-            flex-gt-md="25">
+            fxFlex="100"
+            fxFlex.gt-xs="50"
+            fxFlex.gt-sm="33"
+            fxFlex.gt-md="25">
         </notebook-item>
       </div>
-    </div>
-    <div *ngIf="!hasNotes" class="md-padding">
-      <p translate="noNotes" translate-value-term="config.itemTypes.note.label.plural"></p>
+      <div *ngIf="!hasNotes" i18n>
+        Team hasn't created any {{label.plural}} yet.
+      </div>
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.scss b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.scss
new file mode 100644
index 0000000000..46a9dc84ad
--- /dev/null
+++ b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.scss
@@ -0,0 +1,55 @@
+$new-note-bottom: 24px;
+
+.notebook-notes {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+
+  &:not(.dark-theme) {
+    .mat-toolbar {
+      background-color: transparent;
+    }
+  }
+
+  .mat-divider {
+    margin: -1px 0 0;
+  }
+
+  .mat-tab-label {
+    height: 42px;
+  }
+
+  .mat-tab-group {
+    height: 100%;
+  }
+
+  .mat-tab-body-content {
+    overflow: auto;
+  }
+
+  .notes-wrapper {
+    flex: 1 1 0%;
+    overflow: hidden;
+  }
+
+  .notes {
+    flex: 1 1 0%;
+    padding: 16px 16px ($new-note-bottom + 56px) 16px;
+  }
+
+  .notes-grading {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+
+  notebook-item {
+    padding: 0 8px 16px;
+  }
+
+  .new-note {
+    position: absolute;
+    bottom: $new-note-bottom;
+    right: 28px;
+    z-index: 1;
+  }
+}
diff --git a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts
index 4f9b928033..56cdef0615 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts
@@ -1,87 +1,75 @@
-import { Component, EventEmitter, Input, Output } from "@angular/core";
-import { Subscription } from "rxjs";
-import { NotebookService } from "../../../../../wise5/services/notebookService";
-import { ProjectService } from "../../../../../wise5/services/projectService";
+import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
+import { Subscription } from 'rxjs';
+import { ConfigService } from '../../../../../wise5/services/configService';
+import { NotebookService } from '../../../../../wise5/services/notebookService';
+import { ProjectService } from '../../../../../wise5/services/projectService';
+import { UtilService } from '../../../../../wise5/services/utilService';
+import { NotebookParentComponent } from '../notebook-parent/notebook-parent.component';
 
 @Component({
   selector: 'notebook-notes',
-  templateUrl: 'notebook-notes.component.html'
+  styleUrls: ['notebook-notes.component.scss'],
+  templateUrl: 'notebook-notes.component.html',
+  encapsulation: ViewEncapsulation.None
 })
-export class NotebookNotesComponent {
-
-  @Input()
-  config: any;
-
-  @Input()
-  insertMode: boolean;
-
-  @Input()
-  notebook: any;
-
-  @Input()
-  notesVisible: boolean;
-
+export class NotebookNotesComponent extends NotebookParentComponent {
   @Input()
   viewOnly: boolean;
 
-  @Input()
-  workgroupId: number;
-
-  @Input()
-  onSetInsertMode: any;
-
-  @Input()
-  mode: string;
-
-  @Output()
-  onClose: EventEmitter<any> = new EventEmitter();
-
-  @Output()
-  onInsert: EventEmitter<any> = new EventEmitter();
-
   groups = [];
-  selectedTabIndex = 0;
-  groupNameToGroup = {};
-  color: string;
   hasNotes: boolean;
+  groupNameToGroup = {};
+  label: any;
+  selectedTabIndex = 0;
+  title: string;
   notebookUpdatedSubscription: Subscription;
   openNotebookSubscription: Subscription;
   publicNotebookItemsRetrievedSubscription: Subscription;
 
-  constructor(private NotebookService: NotebookService, private ProjectService: ProjectService) {
+  constructor(
+    ConfigService: ConfigService,
+    NotebookService: NotebookService,
+    private ProjectService: ProjectService,
+    UtilService: UtilService
+  ) {
+    super(ConfigService, NotebookService, UtilService);
   }
 
-  ngOnInit(): void {
-    this.color = this.config.itemTypes.note.label.color;
+  initComplete(): void {
+    this.label = this.config.itemTypes.note.label;
     this.addPersonalGroupToGroups();
     this.addSpacesToGroups();
     this.hasNotes = this.isHasNotes();
 
     this.notebookUpdatedSubscription = this.NotebookService.notebookUpdated$.subscribe(
-        ({notebookItem}) => {
-      if ((notebookItem.groups == null || notebookItem.groups.length === 0) &&
-          notebookItem.type === 'note') {
-        this.updatePrivateNotebookNote(notebookItem);
-      }
-      if (notebookItem.groups != null && notebookItem.groups.includes('public')) {
-        this.updatePublicNotebookNote(notebookItem);
+      ({ notebookItem }) => {
+        if ((notebookItem.groups == null || notebookItem.groups.length === 0) &&
+            notebookItem.type === 'note'
+        ) {
+          this.updatePrivateNotebookNote(notebookItem);
+        }
+        if (notebookItem.groups != null && notebookItem.groups.includes('public')) {
+          this.updatePublicNotebookNote(notebookItem);
+        }
+        this.hasNotes = this.isHasNotes();
       }
-      this.hasNotes = this.isHasNotes();
-    });
+    );
 
     this.openNotebookSubscription = this.NotebookService.openNotebook$.subscribe(
-        ({visibleSpace}) => {
-      this.selectedTabIndex = visibleSpace === 'public' ? 1 : 0;
-    });
-
-    this.publicNotebookItemsRetrievedSubscription =
-        this.NotebookService.publicNotebookItemsRetrieved$.subscribe(() => {
-      for (const group of this.groups) {
-        if (group.name !== 'private') {
-          group.items = this.NotebookService.publicNotebookItems[group.name];
+      ({ visibleSpace }) => {
+        this.selectedTabIndex = visibleSpace === 'public' ? 1 : 0;
+      }
+    );
+
+    this.publicNotebookItemsRetrievedSubscription = 
+      this.NotebookService.publicNotebookItemsRetrieved$.subscribe(() => {
+        for (const group of this.groups) {
+          if (group.name !== 'private') {
+            group.items = this.NotebookService.publicNotebookItems[group.name];
+          } 
         }
       }
-    });
+    );
   }
 
   ngOnDestroy(): void {
@@ -100,7 +88,7 @@ export class NotebookNotesComponent {
 
   addPersonalGroupToGroups(): void {
     const personalGroup = {
-      title: 'Personal',
+      title: $localize`Personal`,
       name: 'private',
       isEditAllowed: true,
       items: []
@@ -130,23 +118,41 @@ export class NotebookNotesComponent {
   }
 
   updatePrivateNotebookNote(notebookItem: any): void {
-    this.updateNotebookNote(this.groupNameToGroup['private'],
-        notebookItem.localNotebookItemId, notebookItem.workgroupId, notebookItem);
+    this.updateNotebookNote(
+      this.groupNameToGroup['private'],
+      notebookItem.localNotebookItemId,
+      notebookItem.workgroupId,
+      notebookItem
+    );
     if (this.groupNameToGroup['public'] != null) {
-      this.removeNotebookNote(this.groupNameToGroup['public'],
-        notebookItem.localNotebookItemId, notebookItem.workgroupId);
+      this.removeNotebookNote(
+        this.groupNameToGroup['public'],
+        notebookItem.localNotebookItemId,
+        notebookItem.workgroupId
+      );
     }
   }
 
   updatePublicNotebookNote(notebookItem: any): void {
-    this.updateNotebookNote(this.groupNameToGroup['public'],
-        notebookItem.localNotebookItemId, notebookItem.workgroupId, notebookItem);
-    this.removeNotebookNote(this.groupNameToGroup['private'],
-        notebookItem.localNotebookItemId, notebookItem.workgroupId);
-  }
-
-  updateNotebookNote(group: any, localNotebookItemId: string, workgroupId: number,
-      notebookItem: any): void {
+    this.updateNotebookNote(
+      this.groupNameToGroup['public'],
+      notebookItem.localNotebookItemId,
+      notebookItem.workgroupId,
+      notebookItem
+    );
+    this.removeNotebookNote(
+      this.groupNameToGroup['private'],
+      notebookItem.localNotebookItemId,
+      notebookItem.workgroupId
+    );
+  }
+
+  updateNotebookNote(
+    group: any,
+    localNotebookItemId: string,
+    workgroupId: number,
+    notebookItem: any
+  ): void {
     let added = false;
     let items = group.items;
     for (let i = 0; i < items.length; i++) {
@@ -172,31 +178,12 @@ export class NotebookNotesComponent {
     }
   }
 
-  getTitle(): string {
-    if (this.insertMode) {
-      return $localize`Select Item To Insert`;
-    } else {
-      return this.config.itemTypes.note.label.link;
-    }
-  }
-
-  editItem($ev: any, note: any): void {
-    this.NotebookService.broadcastEditNote({note: note, isEditMode: !this.viewOnly, ev: $ev});
-  }
-
-  select({event, note}: any): void {
-    if (this.insertMode) {
-      this.onInsert.emit({note: note, event: event});
-    } else {
-      this.editItem(event, note);
-    }
-  }
-
-  close($event: any): void {
-    this.onClose.emit($event);
+  addNote() {
+    this.NotebookService.addNote();
   }
 
-  cancelInsertMode($event: any): void {
-    this.onSetInsertMode({value: false});
+  close(): void {
+    this.NotebookService.setNotesVisible(false);
+    this.NotebookService.setInsertMode(false);
   }
 }
diff --git a/src/main/webapp/site/src/app/notebook/notebook-parent/notebook-parent.component.ts b/src/main/webapp/site/src/app/notebook/notebook-parent/notebook-parent.component.ts
new file mode 100644
index 0000000000..f287a04833
--- /dev/null
+++ b/src/main/webapp/site/src/app/notebook/notebook-parent/notebook-parent.component.ts
@@ -0,0 +1,73 @@
+import { Component, Input } from '@angular/core';
+import { Subscription } from 'rxjs';
+import { ConfigService } from '../../../../../wise5/services/configService';
+import { NotebookService } from '../../../../../wise5/services/notebookService';
+import { UtilService } from '../../../../../wise5/services/utilService';
+
+@Component({
+  selector: 'notebook-parent',
+  template: ''
+})
+export class NotebookParentComponent {
+  @Input()
+  config: any;
+  
+  @Input()
+  workgroupId: number;
+
+  @Input()
+  mode: string;
+
+  notebook: any;
+  insertMode: boolean;
+  insertModeSubscription: Subscription;
+
+  constructor(
+    private ConfigService: ConfigService,
+    public NotebookService: NotebookService,
+    private UtilService: UtilService
+  ) {}
+
+  ngOnInit(): void {
+    if (this.workgroupId == null) {
+      this.workgroupId = this.ConfigService.getWorkgroupId();
+    }
+
+    if (this.config == null) {
+      this.setConfig();
+    }
+
+    this.notebook = this.NotebookService.getNotebookByWorkgroup(this.workgroupId);
+    this.initComplete();
+    this.insertModeSubscription = this.NotebookService.insertMode$.subscribe((value) => {
+      this.insertMode = value;
+    });
+  }
+
+  ngOnDestroy(): void {
+    this.insertModeSubscription.unsubscribe();
+  }
+
+  setConfig(): void {
+    if (this.isStudentNotebook()) {
+      this.config = this.UtilService.makeCopyOfJSONObject(
+        this.NotebookService.getStudentNotebookConfig()
+      );
+    } else {
+      this.config = this.UtilService.makeCopyOfJSONObject(
+        this.NotebookService.getTeacherNotebookConfig()
+      );
+    }
+  }
+
+  isStudentNotebook(): boolean {
+    return (
+      this.ConfigService.getMode() === 'studentRun' ||
+      this.ConfigService.getMode() === 'preview' ||
+      ((this.ConfigService.isRunOwner() || this.ConfigService.isRunSharedTeacher()) &&
+        this.ConfigService.getWorkgroupId() !== this.workgroupId)
+    );
+  }
+
+  initComplete(): void {}
+}
diff --git a/src/main/webapp/site/src/app/notebook/notebook/notebook.component.html b/src/main/webapp/site/src/app/notebook/notebook/notebook.component.html
index b6a95e0905..cac4b339f4 100644
--- a/src/main/webapp/site/src/app/notebook/notebook/notebook.component.html
+++ b/src/main/webapp/site/src/app/notebook/notebook/notebook.component.html
@@ -11,14 +11,4 @@
         (onCollapse)="setInsertMode(false, requester)"
         (onSetInsertMode)="setInsertMode($event)">
     </notebook-report>
-</ng-container>
-<notebook-notes *ngIf="config.enabled"
-    [notebook]="notebook"
-    [notesVisible]="notesVisible"
-    [config]="config"
-    [insertMode]="insertMode"
-    [workgroupId]="workgroupId"
-    (onClose)="closeNotes()"
-    (onInsert)="insert($event)"
-    (onSetInsertMode)="setInsertMode($event)">
-</notebook-notes>
\ No newline at end of file
+</ng-container>
\ No newline at end of file
diff --git a/src/main/webapp/site/src/messages.xlf b/src/main/webapp/site/src/messages.xlf
index 806169769b..ef7c20c540 100644
--- a/src/main/webapp/site/src/messages.xlf
+++ b/src/main/webapp/site/src/messages.xlf
@@ -5403,6 +5403,103 @@
           <context context-type="linenumber">3</context>
         </context-group>
       </trans-unit>
+      <trans-unit datatype="html" id="826b25211922a1b46436589233cb6f1a163d89b7">
+        <source>Delete</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/notebook/notebook-item/notebook-item.component.html</context>
+          <context context-type="linenumber">35</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/authoring-tool/edit-component-tags/edit-component-tags.component.html</context>
+          <context context-type="linenumber">38</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit datatype="html" id="579dadbb7eeefd89e8b7097dc8258865f20f76c4">
+        <source>Revive Note</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/notebook/notebook-item/notebook-item.component.html</context>
+          <context context-type="linenumber">44</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit datatype="html" id="ae7a86016e233fc1a7e0886e68e9ad66a53d63e2">
+        <source> You haven't created any <x equiv-text="{{label.plural}}" id="INTERPOLATION"/> yet. </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/notebook/notebook-notes/notebook-notes.component.html</context>
+          <context context-type="linenumber">5</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit datatype="html" id="7c658599b96077f65bfb4fa52465911e09e25b81">
+        <source>Select Item To Insert</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/notebook/notebook-notes/notebook-notes.component.html</context>
+          <context context-type="linenumber">42</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit datatype="html" id="499193338ae9eb585e15fe0aecbf6f5ee1a12fc0">
+        <source>Add <x equiv-text="{{config.itemTypes.note.label.singular}}" id="INTERPOLATION"/></source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/notebook/notebook-notes/notebook-notes.component.html</context>
+          <context context-type="linenumber">65</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit datatype="html" id="63ed080bcfe44c14dbc55c5be82e82e602eef812">
+        <source> Team hasn't created any <x equiv-text="{{label.plural}}" id="INTERPOLATION"/> yet. </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/notebook/notebook-notes/notebook-notes.component.html</context>
+          <context context-type="linenumber">87</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit datatype="html" id="3de550daa9bf35829dbeb9099844614347d2dbc5">
+        <source>Toggle Full Screen</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/notebook/notebook-report/notebook-report.component.html</context>
+          <context context-type="linenumber">12</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit datatype="html" id="e8bcb762b48cf52fbea66ce9c4f6b970b99a80fd">
+        <source>Collapse</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/notebook/notebook-report/notebook-report.component.html</context>
+          <context context-type="linenumber">17</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit datatype="html" id="d5cec7468241d72cafd86ad1af6d55b09a6e3ae5">
+        <source>Restore</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/notebook/notebook-report/notebook-report.component.html</context>
+          <context context-type="linenumber">21</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit datatype="html" id="044703276ff14d0a94f05154d5bc032872465a0d">
+        <source>Saved <x equiv-text="{{ saveTime | amTimeAgo }}" id="INTERPOLATION"/></source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/notebook/notebook-report/notebook-report.component.html</context>
+          <context context-type="linenumber">42</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit datatype="html" id="70cfd60f574a2e5b823237ac05381d8d488e4c7c">
+        <source> Team hasn't worked on <x equiv-text="{{ config.itemTypes.report.notes[0].title }}" id="INTERPOLATION"/> yet. </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/notebook/notebook-report/notebook-report.component.html</context>
+          <context context-type="linenumber">57</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit datatype="html" id="85fd3b01ce1968fbd2304a0c598d4a5676e5da03">
+        <source> Score: <x equiv-text="{{annotations.score.data.value}}" id="INTERPOLATION"/><x equiv-text="{{maxScoreDisplay}}" id="INTERPOLATION_1"/></source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/notebook/notebook-report-annotations/notebook-report-annotations.component.html</context>
+          <context context-type="linenumber">22</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit datatype="html" id="b69db579ce83572bef4390bd17f235727ac6386d">
+        <source>
+          <x equiv-text="{{ latestAnnotationTime | amDateFormat:'ddd, MMM D YYYY, h:mm a' }}" id="INTERPOLATION"/>
+        </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/notebook/notebook-report-annotations/notebook-report-annotations.component.html</context>
+          <context context-type="linenumber">29</context>
+        </context-group>
+      </trans-unit>
       <trans-unit datatype="html" id="22003a1edfc137e76879183acaaea45adf8452fa">
         <source>Latest from the WISE Community</source>
         <context-group purpose="location">
@@ -6071,13 +6168,6 @@
           <context context-type="linenumber">30</context>
         </context-group>
       </trans-unit>
-      <trans-unit datatype="html" id="826b25211922a1b46436589233cb6f1a163d89b7">
-        <source>Delete</source>
-        <context-group purpose="location">
-          <context context-type="sourcefile">app/authoring-tool/edit-component-tags/edit-component-tags.component.html</context>
-          <context context-type="linenumber">38</context>
-        </context-group>
-      </trans-unit>
       <trans-unit datatype="html" id="2485299eb70909a6cfa961bfac54f062a220806c">
         <source>Component Width</source>
         <context-group purpose="location">
diff --git a/src/main/webapp/site/src/style/abstracts/_mixins.scss b/src/main/webapp/site/src/style/abstracts/_mixins.scss
index c76e4895e2..63e7674e69 100644
--- a/src/main/webapp/site/src/style/abstracts/_mixins.scss
+++ b/src/main/webapp/site/src/style/abstracts/_mixins.scss
@@ -173,6 +173,22 @@
     opacity: 1;
   }
 
+  .mat-toolbar {
+    @include mat-typography-level-to-styles($custom-typography, subheading-2);
+
+    h1, h2, h3, h4, h5 ,h6 {
+      @include mat-typography-level-to-styles($custom-typography, subheading-2);
+    }
+  }
+
+  .mat-toolbar-row, .mat-toolbar-single-row {
+    height: $toolbar-height;
+  }
+
+  .mat-toolbar-multiple-rows {
+    min-height: $toolbar-height;
+  }
+
   td {
     &.mat-cell, &.mat-footer-cell, &.mat-header-cell {
       padding: 4px 8px 4px 0;
diff --git a/src/main/webapp/site/src/style/abstracts/_variables.scss b/src/main/webapp/site/src/style/abstracts/_variables.scss
index 1ea2bf4b63..8b161f4b19 100644
--- a/src/main/webapp/site/src/style/abstracts/_variables.scss
+++ b/src/main/webapp/site/src/style/abstracts/_variables.scss
@@ -32,3 +32,4 @@ $card-border-radius: 6px;
 $feature-border-radius: 6px;
 $header-height: 80px;
 $announcement-height: 40px;
+$toolbar-height: 52px;
diff --git a/src/main/webapp/wise5/classroomMonitor/i18n/i18n_en.json b/src/main/webapp/wise5/classroomMonitor/i18n/i18n_en.json
index e82f55749b..ccda0fe096 100644
--- a/src/main/webapp/wise5/classroomMonitor/i18n/i18n_en.json
+++ b/src/main/webapp/wise5/classroomMonitor/i18n/i18n_en.json
@@ -147,8 +147,6 @@
   "newWorkCounter": "New Work Count: {{count}}",
   "nextTeam": "Next Team",
   "noMatchesFound": "No matches found",
-  "noNotes": "Team hasn't created any {{ term }} yet.",
-  "noReport": "Team hasn't worked on {{ term }} yet.",
   "notAssigned": "Not Assigned",
   "notCompleted": "Not Completed",
   "notes": "Notes",
diff --git a/src/main/webapp/wise5/i18n/i18n_en.json b/src/main/webapp/wise5/i18n/i18n_en.json
index f819029f77..f1661c5804 100644
--- a/src/main/webapp/wise5/i18n/i18n_en.json
+++ b/src/main/webapp/wise5/i18n/i18n_en.json
@@ -108,7 +108,6 @@
   "SAVED": "Saved",
   "SCORE": "Score",
   "SCORES": "Scores",
-  "SCORE_LABEL_AND_VALUE": "Score: {{score}}",
   "SEND_COMMENT": "Send Comment",
   "SESSION_TIMEOUT": "Session Timeout",
   "SESSION_TIMEOUT_MESSAGE": "You have been inactive for a long time. Do you want to stay logged in?",
diff --git a/src/main/webapp/wise5/services/notebookService.ts b/src/main/webapp/wise5/services/notebookService.ts
index e1ab8db5d7..a3e3c8e4d9 100644
--- a/src/main/webapp/wise5/services/notebookService.ts
+++ b/src/main/webapp/wise5/services/notebookService.ts
@@ -74,6 +74,8 @@ export class NotebookService {
   public showReportAnnotations$ = this.showReportAnnotationsSource.asObservable();
   private notesVisibleSource: Subject<boolean> = new Subject<boolean>();
   public notesVisible$ = this.notesVisibleSource.asObservable();
+  private insertModeSource: Subject<boolean> = new Subject<boolean>();
+  public insertMode$ = this.insertModeSource.asObservable();
 
   constructor(
     private upgrade: UpgradeModule,
@@ -631,4 +633,8 @@ export class NotebookService {
   setNotesVisible(value: boolean): void {
     this.notesVisibleSource.next(value);
   }
+
+  setInsertMode(value: boolean): void {
+    this.insertModeSource.next(value);
+  }
 }
diff --git a/src/main/webapp/wise5/themes/default/style/author.css b/src/main/webapp/wise5/themes/default/style/author.css
index 730f6f3008..bcbd19a5bd 100644
--- a/src/main/webapp/wise5/themes/default/style/author.css
+++ b/src/main/webapp/wise5/themes/default/style/author.css
@@ -1,2 +1,2 @@
-body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#7e57c2}blockquote{background-color:#fff;padding:8px;margin:16px 0;border:solid #7e57c2;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#7e57c2;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#7e57c2!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#fff}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#7e57c2;background-color:#fff}.primary{color:#7e57c2}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#fff}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#7e57c2}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#fff}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#7e57c2}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#fff}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav{background-color:#eee!important}.l-node{margin-top:42px;padding:0}@media only screen and (min-width:600px){.l-node{padding:0 0 16px;background-color:#eee!important}}@media only screen and (min-width:960px){.l-node{padding:0 0 32px}}.l-notebook{margin-top:42px;background-color:#eee!important}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#7e57c2}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#7e57c2}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#fff}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#7e57c2}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #7e57c2;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}notebook-launcher{position:absolute;bottom:24px;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}@media only screen and (min-width:960px){.notes-visible .notebook-report-container{right:516px;transition:right .25s}}.notebook-menu{transition:opacity .5s}.notebook-menu.ng-enter{opacity:0}.notebook-menu .ng-enter-active{opacity:1;transition-delay:.25s}.notebook-menu.ng-hide,.notebook-menu.ng-hide-add,.notebook-menu.ng-hide-add-active,.notebook-menu.ng-hide-remove,.notebook-menu.ng-hide-remove-active,.notebook-menu.ng-leave-active{opacity:0}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.view-notebook-item{width:600px}.notebook-item--report{background-color:#fff}.notebook-item--report .note-editor{margin-bottom:16px;border-color:#ccc}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{position:fixed;top:94px;left:0;right:0;z-index:1}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{left:54px;padding:0 24px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{padding:0 32px}}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 8px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}}.notebook-item--report__container.ui-scrollpoint .note-editor{padding-top:40px}.notebook-item--report__toolbar .note-toolbar{background-color:#ddd;border:1px solid #ccc;margin-bottom:-2px}.notebook-item--report__heading{text-align:center;margin-bottom:32px}.notebook-item--report__add-note{font-weight:700}.notebook-item--report__note-img{max-width:100%;height:auto!important}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}.notebook-items{width:100%;overflow:auto;padding-top:16px;padding-bottom:76px}.notebook-items .notebook-item{width:100%}.notebook-items .notebook-item__content{height:200px;min-width:0}.notebook-items--grading{margin-bottom:0}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#7e57c2}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#7e57c2}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
+body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#7e57c2}blockquote{background-color:#fff;padding:8px;margin:16px 0;border:solid #7e57c2;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#7e57c2;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#7e57c2!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#fff}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#7e57c2;background-color:#fff}.primary{color:#7e57c2}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#fff}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#7e57c2}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#fff}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#7e57c2}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#fff}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav{background-color:#eee!important}.l-node{margin-top:42px;padding:0}@media only screen and (min-width:600px){.l-node{padding:0 0 16px;background-color:#eee!important}}@media only screen and (min-width:960px){.l-node{padding:0 0 32px}}.l-notebook{margin-top:42px;background-color:#eee!important}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#7e57c2}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#7e57c2}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#fff}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#7e57c2}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #7e57c2;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}notebook-launcher{position:absolute;bottom:24px;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}@media only screen and (min-width:960px){.notes-visible .notebook-report-container{right:516px;transition:right .25s}}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.view-notebook-item{width:600px}.notebook-item--report{background-color:#fff}.notebook-item--report .note-editor{margin-bottom:16px;border-color:#ccc}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{position:fixed;top:94px;left:0;right:0;z-index:1}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{left:54px;padding:0 24px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{padding:0 32px}}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 8px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}}.notebook-item--report__container.ui-scrollpoint .note-editor{padding-top:40px}.notebook-item--report__toolbar .note-toolbar{background-color:#ddd;border:1px solid #ccc;margin-bottom:-2px}.notebook-item--report__heading{text-align:center;margin-bottom:32px}.notebook-item--report__add-note{font-weight:700}.notebook-item--report__note-img{max-width:100%;height:auto!important}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#7e57c2}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#7e57c2}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
 /*# sourceMappingURL=author.css.map */
diff --git a/src/main/webapp/wise5/themes/default/style/author.css.map b/src/main/webapp/wise5/themes/default/style/author.css.map
index 4e21f12c25..71a3b29243 100644
--- a/src/main/webapp/wise5/themes/default/style/author.css.map
+++ b/src/main/webapp/wise5/themes/default/style/author.css.map
@@ -1 +1 @@
-{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config--author.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/author.css","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-node.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,qBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBEQoB,CFPpB,eAAgB,CAChB,cGlC8B,CHmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBExDsB,CF4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,qBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,qBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,UCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,qBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"author.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Authoring Tool Colors\n$_primary-color: #7e57c2; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 56%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: map-merge($color, $body-color);\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #7e57c2; }\n\nblockquote {\n  background-color: white;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #7e57c2;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #7e57c2;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #7e57c2 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: white; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #7e57c2;\n  background-color: white; }\n\n.primary {\n  color: #7e57c2; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: white; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #7e57c2; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: white; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #7e57c2; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: white; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-node {\n  margin-top: 42px;\n  padding: 0; }\n  @media only screen and (min-width: 600px) {\n    .l-node {\n      padding: 0 0 16px;\n      background-color: #eeeeee !important; } }\n  @media only screen and (min-width: 960px) {\n    .l-node {\n      padding: 0 0 32px; } }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #7e57c2; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #7e57c2; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: white;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #7e57c2; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #7e57c2;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px; }\n  @media only screen and (min-width: 600px) {\n    notebook-launcher.md-button.md-fab {\n      z-index: 61; } }\n\n@media only screen and (min-width: 960px) {\n  .notes-visible .notebook-report-container {\n    right: 516px;\n    transition: right 250ms; } }\n\n.notebook-menu {\n  transition: opacity 500ms; }\n  .notebook-menu.ng-enter {\n    opacity: 0; }\n  .notebook-menu .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .notebook-menu.ng-leave-active, .notebook-menu.ng-hide {\n    opacity: 0; }\n  .notebook-menu.ng-hide-add, .notebook-menu.ng-hide-add-active, .notebook-menu.ng-hide-remove, .notebook-menu.ng-hide-remove-active {\n    opacity: 0; }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.view-notebook-item {\n  width: 600px; }\n\n.notebook-item--report {\n  background-color: #ffffff; }\n  .notebook-item--report .note-editor {\n    margin-bottom: 16px;\n    border-color: #cccccc; }\n\n.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n  position: fixed;\n  top: 94px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      left: 54px; } }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 24px; } }\n  @media only screen and (min-width: 960px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 32px; } }\n  .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n    margin: 0 16px; }\n    @media only screen and (min-width: 600px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 8px; } }\n    @media only screen and (min-width: 960px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 16px; } }\n\n.notebook-item--report__container.ui-scrollpoint .note-editor {\n  padding-top: 40px; }\n\n.notebook-item--report__toolbar .note-toolbar {\n  background-color: #dddddd;\n  border: 1px solid #cccccc;\n  margin-bottom: -2px; }\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px; }\n\n.notebook-item--report__add-note {\n  font-weight: 700; }\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n.notebook-items {\n  width: 100%;\n  overflow: auto;\n  padding-top: 16px;\n  padding-bottom: 76px; }\n  .notebook-items .notebook-item {\n    width: 100%; }\n  .notebook-items .notebook-item__content {\n    height: 200px;\n    min-width: 0; }\n\n.notebook-items--grading {\n  margin-bottom: 0; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #7e57c2; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #7e57c2; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-node {\n  margin-top: $wise-toolbar-height;\n  padding: 0;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    padding: 0 0 16px;\n    background-color: color('body-bg') !important;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 0 0 32px;\n  }\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 56px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\n.notes-visible {\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    .notebook-report-container {\n      right: 516px;\n      transition: right 250ms;\n    }\n  }\n}\n\n.notebook-menu {\n  transition: opacity 500ms;\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active, &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add, &.ng-hide-add-active,\n  &.ng-hide-remove, &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block;\n}\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: color('gray');\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0;\n}\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255,255,255,0.95);\n  border-top: 1px solid color('gray-lighter');\n\n  &:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n  }\n}\n\n.notebook-item__content--text-only {\n  &:after {\n    content: \"note\";\n    font-family: 'Material Icons';\n    font-weight: normal;\n    font-style: normal;\n    display: inline-block;\n    line-height: 1;\n    text-transform: none;\n    letter-spacing: normal;\n    word-wrap: normal;\n    white-space: nowrap;\n    direction: ltr;\n\n    /* Support for all WebKit browsers. */\n    -webkit-font-smoothing: antialiased;\n    /* Support for Safari and Chrome. */\n    text-rendering: optimizeLegibility;\n\n    /* Support for Firefox. */\n    -moz-osx-font-smoothing: grayscale;\n\n    /* Support for IE. */\n    font-feature-settings: 'liga';\n    //position: absolute;\n    font-size: 80px;\n    color: color('text-disabled');\n  }\n}\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\";\n}\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0;\n\n  md-icon {\n    font-size: 22px;\n  }\n}\n\n.notebook-item__edit {\n  cursor: pointer;\n}\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: color('gray-darkest');\n  border-bottom-left-radius: $card-border-radius;\n  border-bottom-right-radius: $card-border-radius;\n\n  md-icon {\n    color: #ffffff;\n  }\n}\n\n.notebook-item__text-input {\n  margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.notebook-item__attachment {\n  background-color: color('gray-light');\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative;\n}\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto;\n}\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  // TODO: generalize for on item buttons like this (delete attachment, etc)\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0;\n\n  md-icon {\n    margin-left: -2px;\n    font-size: 22px;\n  }\n}\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: lighten(color('accent-1'), 5%);\n\n  a, md-icon {\n    color: lighten(color('accent-1'), 5%);\n  }\n\n  md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto;\n  }\n}\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: color('gray-lighter');\n  margin-bottom: 16px;\n  color: color('text-secondary');\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms;\n\n  md-icon, span {\n    transition: color 250ms;\n  }\n\n  &:hover, &:focus, &.dragover {\n    border-color: color('accent');\n    background-color: lighten(color('accent'), 35%);\n    color: color('accent');\n\n    md-icon, span {\n      color: color('accent');\n    }\n  }\n}\n\n.view-notebook-item {\n  width: $layout-breakpoint-xs;\n}\n\n.view-notebook-item__content {\n}\n\n.notebook-item--report {\n  background-color: #ffffff;\n\n  .note-editor {\n    margin-bottom: 16px;\n    border-color: color('gray');\n  }\n}\n\n.notebook-item--report__container {\n  &.ui-scrollpoint {\n    .notebook-item--report__toolbar {\n      position: fixed;\n      top: ($wise-toolbar-height + $md-toolbar-height);\n      left: 0;\n      right: 0;\n      z-index: 1;\n\n      @media only screen and (min-width: $layout-breakpoint-xs) {\n        left: ($notebook-sidebar-width - 2);\n      }\n\n      @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 24px;\n      }\n\n      @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 32px;\n      }\n\n      .note-toolbar {\n        margin: 0 16px;\n\n        @media only screen and (min-width: $layout-breakpoint-xs) {\n          margin: 0 8px;\n        }\n\n        @media only screen and (min-width: $layout-breakpoint-sm) {\n          margin: 0 16px;\n        }\n      }\n    }\n\n    .note-editor {\n      padding-top: 40px;\n    }\n  }\n}\n\n.notebook-item--report__toolbar {\n  .note-toolbar {\n    background-color: color('gray-light');\n    border: 1px solid color('gray');\n    margin-bottom: -2px;\n  }\n}\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px;\n}\n\n.notebook-item--report__content {\n}\n\n.notebook-item--report__add-note {\n  font-weight: 700;\n}\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important;\n}\n\n.notebook-sidebar {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: 400px;\n    max-width: none;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    width: 500px;\n    max-width: none;\n  }\n}\n\n.notebook-items {\n  width: 100%;\n  overflow: auto;\n  padding-top: 16px;\n  padding-bottom: 76px;\n\n  .notebook-item {\n    width: 100%;\n  }\n\n  .notebook-item__content {\n    height: 200px;\n    min-width: 0;\n  }\n}\n\n.notebook-items--grading {\n  margin-bottom: 0;\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config--author.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/author.css","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-node.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,qBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBEQoB,CFPpB,eAAgB,CAChB,cGlC8B,CHmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBExDsB,CF4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,qBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,qBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,UCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,qBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"author.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Authoring Tool Colors\n$_primary-color: #7e57c2; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 56%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: map-merge($color, $body-color);\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #7e57c2; }\n\nblockquote {\n  background-color: white;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #7e57c2;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #7e57c2;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #7e57c2 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: white; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #7e57c2;\n  background-color: white; }\n\n.primary {\n  color: #7e57c2; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: white; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #7e57c2; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: white; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #7e57c2; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: white; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-node {\n  margin-top: 42px;\n  padding: 0; }\n  @media only screen and (min-width: 600px) {\n    .l-node {\n      padding: 0 0 16px;\n      background-color: #eeeeee !important; } }\n  @media only screen and (min-width: 960px) {\n    .l-node {\n      padding: 0 0 32px; } }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #7e57c2; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #7e57c2; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: white;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #7e57c2; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #7e57c2;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px; }\n  @media only screen and (min-width: 600px) {\n    notebook-launcher.md-button.md-fab {\n      z-index: 61; } }\n\n@media only screen and (min-width: 960px) {\n  .notes-visible .notebook-report-container {\n    right: 516px;\n    transition: right 250ms; } }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.view-notebook-item {\n  width: 600px; }\n\n.notebook-item--report {\n  background-color: #ffffff; }\n  .notebook-item--report .note-editor {\n    margin-bottom: 16px;\n    border-color: #cccccc; }\n\n.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n  position: fixed;\n  top: 94px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      left: 54px; } }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 24px; } }\n  @media only screen and (min-width: 960px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 32px; } }\n  .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n    margin: 0 16px; }\n    @media only screen and (min-width: 600px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 8px; } }\n    @media only screen and (min-width: 960px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 16px; } }\n\n.notebook-item--report__container.ui-scrollpoint .note-editor {\n  padding-top: 40px; }\n\n.notebook-item--report__toolbar .note-toolbar {\n  background-color: #dddddd;\n  border: 1px solid #cccccc;\n  margin-bottom: -2px; }\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px; }\n\n.notebook-item--report__add-note {\n  font-weight: 700; }\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #7e57c2; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #7e57c2; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-node {\n  margin-top: $wise-toolbar-height;\n  padding: 0;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    padding: 0 0 16px;\n    background-color: color('body-bg') !important;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 0 0 32px;\n  }\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 56px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\n.notes-visible {\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    .notebook-report-container {\n      right: 516px;\n      transition: right 250ms;\n    }\n  }\n}\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block;\n}\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: color('gray');\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0;\n}\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255,255,255,0.95);\n  border-top: 1px solid color('gray-lighter');\n\n  &:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n  }\n}\n\n.notebook-item__content--text-only {\n  &:after {\n    content: \"note\";\n    font-family: 'Material Icons';\n    font-weight: normal;\n    font-style: normal;\n    display: inline-block;\n    line-height: 1;\n    text-transform: none;\n    letter-spacing: normal;\n    word-wrap: normal;\n    white-space: nowrap;\n    direction: ltr;\n\n    /* Support for all WebKit browsers. */\n    -webkit-font-smoothing: antialiased;\n    /* Support for Safari and Chrome. */\n    text-rendering: optimizeLegibility;\n\n    /* Support for Firefox. */\n    -moz-osx-font-smoothing: grayscale;\n\n    /* Support for IE. */\n    font-feature-settings: 'liga';\n    //position: absolute;\n    font-size: 80px;\n    color: color('text-disabled');\n  }\n}\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\";\n}\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0;\n\n  md-icon {\n    font-size: 22px;\n  }\n}\n\n.notebook-item__edit {\n  cursor: pointer;\n}\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: color('gray-darkest');\n  border-bottom-left-radius: $card-border-radius;\n  border-bottom-right-radius: $card-border-radius;\n\n  md-icon {\n    color: #ffffff;\n  }\n}\n\n.notebook-item__text-input {\n  margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.notebook-item__attachment {\n  background-color: color('gray-light');\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative;\n}\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto;\n}\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  // TODO: generalize for on item buttons like this (delete attachment, etc)\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0;\n\n  md-icon {\n    margin-left: -2px;\n    font-size: 22px;\n  }\n}\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: lighten(color('accent-1'), 5%);\n\n  a, md-icon {\n    color: lighten(color('accent-1'), 5%);\n  }\n\n  md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto;\n  }\n}\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: color('gray-lighter');\n  margin-bottom: 16px;\n  color: color('text-secondary');\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms;\n\n  md-icon, span {\n    transition: color 250ms;\n  }\n\n  &:hover, &:focus, &.dragover {\n    border-color: color('accent');\n    background-color: lighten(color('accent'), 35%);\n    color: color('accent');\n\n    md-icon, span {\n      color: color('accent');\n    }\n  }\n}\n\n.view-notebook-item {\n  width: $layout-breakpoint-xs;\n}\n\n.view-notebook-item__content {\n}\n\n.notebook-item--report {\n  background-color: #ffffff;\n\n  .note-editor {\n    margin-bottom: 16px;\n    border-color: color('gray');\n  }\n}\n\n.notebook-item--report__container {\n  &.ui-scrollpoint {\n    .notebook-item--report__toolbar {\n      position: fixed;\n      top: ($wise-toolbar-height + $md-toolbar-height);\n      left: 0;\n      right: 0;\n      z-index: 1;\n\n      @media only screen and (min-width: $layout-breakpoint-xs) {\n        left: ($notebook-sidebar-width - 2);\n      }\n\n      @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 24px;\n      }\n\n      @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 32px;\n      }\n\n      .note-toolbar {\n        margin: 0 16px;\n\n        @media only screen and (min-width: $layout-breakpoint-xs) {\n          margin: 0 8px;\n        }\n\n        @media only screen and (min-width: $layout-breakpoint-sm) {\n          margin: 0 16px;\n        }\n      }\n    }\n\n    .note-editor {\n      padding-top: 40px;\n    }\n  }\n}\n\n.notebook-item--report__toolbar {\n  .note-toolbar {\n    background-color: color('gray-light');\n    border: 1px solid color('gray');\n    margin-bottom: -2px;\n  }\n}\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px;\n}\n\n.notebook-item--report__content {\n}\n\n.notebook-item--report__add-note {\n  font-weight: 700;\n}\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important;\n}\n\n.notebook-sidebar {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: 400px;\n    max-width: none;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    width: 500px;\n    max-width: none;\n  }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
diff --git a/src/main/webapp/wise5/themes/default/style/modules/_notebook.scss b/src/main/webapp/wise5/themes/default/style/modules/_notebook.scss
index e9b9ab9918..5904a82817 100644
--- a/src/main/webapp/wise5/themes/default/style/modules/_notebook.scss
+++ b/src/main/webapp/wise5/themes/default/style/modules/_notebook.scss
@@ -23,28 +23,6 @@ notebook-launcher {
   }
 }
 
-.notebook-menu {
-  transition: opacity 500ms;
-
-  &.ng-enter {
-    opacity: 0;
-  }
-
-  .ng-enter-active {
-    opacity: 1;
-    transition-delay: 250ms;
-  }
-
-  &.ng-leave-active, &.ng-hide {
-    opacity: 0;
-  }
-
-  &.ng-hide-add, &.ng-hide-add-active,
-  &.ng-hide-remove, &.ng-hide-remove-active {
-    opacity: 0;
-  }
-}
-
 .notebook-item {
   transition: box-shadow 250ms;
   margin: 0 16px 16px;
@@ -331,26 +309,6 @@ notebook-launcher {
   }
 }
 
-.notebook-items {
-  width: 100%;
-  overflow: auto;
-  padding-top: 16px;
-  padding-bottom: 76px;
-
-  .notebook-item {
-    width: 100%;
-  }
-
-  .notebook-item__content {
-    height: 200px;
-    min-width: 0;
-  }
-}
-
-.notebook-items--grading {
-  margin-bottom: 0;
-}
-
 @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {
   .notebook-enabled {
     .md-fab-bottom-right, .md-fab-bottom-left {
diff --git a/src/main/webapp/wise5/themes/default/style/monitor.css b/src/main/webapp/wise5/themes/default/style/monitor.css
index af33dd4864..e520940911 100644
--- a/src/main/webapp/wise5/themes/default/style/monitor.css
+++ b/src/main/webapp/wise5/themes/default/style/monitor.css
@@ -1,2 +1,2 @@
-body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1565c0}blockquote{background-color:#f5f9fe;padding:8px;margin:16px 0;border:solid #1565c0;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1565c0;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1565c0!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#ecf4fd}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#1565c0;background-color:#ecf4fd}.primary{color:#1565c0}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#ecf4fd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1565c0}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#ecf4fd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1565c0}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#ecf4fd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav,.l-notebook{background-color:#eee!important}.l-notebook{margin-top:42px}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;transition:opacity .25s ease-in-out}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1565c0}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1565c0}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}.milestone{min-width:196px;width:196px;height:242px;background-color:#fff;padding:0}.milestone.md-button{text-transform:none}.milestone__progress{background-color:#eee;border-radius:50%;position:relative;margin-bottom:12px}.milestone__progress__percent{position:absolute;top:8px;bottom:8px;left:8px;right:8px;border-radius:50%;background-color:#fff;color:#1565c0;font-size:28px;font-weight:500}.milestone__title{font-weight:700;font-size:15px;margin-bottom:12px}.milestone-details section:not(:first-child){margin-top:8px}.milestone-details__section{background-color:#fff;padding:16px}.milestone-details__section>p{margin-top:16px;margin-bottom:0}.milestone-details__section .grading,.milestone-details__section md-list{padding:0}.milestone-details__header{padding:12px 16px;margin:-16px -16px 16px;text-transform:uppercase;font-weight:500}.milestone-details__progress{width:48px;margin-right:8px}.milestone--add.md-button{text-transform:uppercase}.milestone--add__icon{height:96px;width:96px;background-color:#eee;border-radius:50%}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#ecf4fd}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.student-select{padding-top:0;padding-bottom:0}.workgroup-progress{margin-bottom:8px}@media (min-width:960px){.workgroup-progress{margin-bottom:0}}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1565c0}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #1565c0;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}.grading__item-container{margin:0 0 16px;padding:0!important}.grading__item{background-color:#fff}.grading__item .component{padding:0}notebook-launcher{position:absolute;bottom:24px;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}@media only screen and (min-width:960px){.notes-visible .notebook-report-container{right:516px;transition:right .25s}}.notebook-menu{transition:opacity .5s}.notebook-menu.ng-enter{opacity:0}.notebook-menu .ng-enter-active{opacity:1;transition-delay:.25s}.notebook-menu.ng-hide,.notebook-menu.ng-hide-add,.notebook-menu.ng-hide-add-active,.notebook-menu.ng-hide-remove,.notebook-menu.ng-hide-remove-active,.notebook-menu.ng-leave-active{opacity:0}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.view-notebook-item{width:600px}.notebook-item--report{background-color:#fff}.notebook-item--report .note-editor{margin-bottom:16px;border-color:#ccc}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{position:fixed;top:94px;left:0;right:0;z-index:1}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{left:54px;padding:0 24px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{padding:0 32px}}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 8px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}}.notebook-item--report__container.ui-scrollpoint .note-editor{padding-top:40px}.notebook-item--report__toolbar .note-toolbar{background-color:#ddd;border:1px solid #ccc;margin-bottom:-2px}.notebook-item--report__heading{text-align:center;margin-bottom:32px}.notebook-item--report__add-note{font-weight:700}.notebook-item--report__note-img{max-width:100%;height:auto!important}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}.notebook-items{width:100%;overflow:auto;padding-top:16px;padding-bottom:76px}.notebook-items .notebook-item{width:100%}.notebook-items .notebook-item__content{height:200px;min-width:0}.notebook-items--grading{margin-bottom:0}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.annotations--grading md-input-container{margin-bottom:0}.annotations--grading .md-errors-spacer{display:none}.annotations--grading input:focus,.annotations--grading textarea:focus{background-color:#fff}.annotations--grading input:disabled,.annotations--grading textarea:disabled{color:rgba(0,0,0,.87)}.annotations--grading--revision{margin:8px 0 0;padding:8px}.annotations--notebook{margin-top:16px}.annotations--grading__info{font-style:italic;margin:8px 8px 4px}.annotations--grading__item{padding:8px}.annotations--grading__score input{margin-top:0!important;font-size:18px;width:52px;text-align:center}.annotations--grading__score__label{transform:none!important;width:auto;display:block;padding:0;margin:0 8px 0 0}.annotations--grading__score__max label{display:none}.annotations--grading__score__divider{position:relative;top:12px;margin-left:4px}.annotations--grading__auto-comment{margin:0 2px}.annotations--grading__auto-comment__content{margin-top:8px}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.component--grading{padding:0;margin:0}.component--grading:not(:last-child)>div{border-bottom:1px solid #ddd}.component--grading .component__wrapper{padding:0;margin:0}.component--grading .component__content{padding:16px;margin:0}.component--grading__response{padding-bottom:16px}@media only screen and (min-width:960px){.component--grading__response{padding-right:16px;padding-bottom:0}}.component--grading__response__content{overflow:auto}.component--grading__annotations{background-color:#ecf4fd}.component--grading__annotations__divider{padding:4px;background-color:#fff}.component--grading__actions__info{margin:16px 0 0;padding-top:8px;border-top:1px solid #eee}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#1565c0}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#1565c0}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.component-revisions .component{padding:0;margin:0}.component-revisions .component__content{padding:0}.component-revisions .component__wrapper{margin:16px 0}.component-revisions .md-resize-handle{display:none}.component-revisions__item,md-list-item.component-revisions__item{padding:0}.component-revisions__item--latest{margin-bottom:24px}.component-revisions__annotation-label{margin-right:8px}.component-revisions__has-auto-and-teacher{padding-top:8px;margin-top:8px;border-top:1px solid #ddd}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
+body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1565c0}blockquote{background-color:#f5f9fe;padding:8px;margin:16px 0;border:solid #1565c0;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1565c0;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1565c0!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#ecf4fd}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#1565c0;background-color:#ecf4fd}.primary{color:#1565c0}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#ecf4fd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1565c0}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#ecf4fd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1565c0}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#ecf4fd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav,.l-notebook{background-color:#eee!important}.l-notebook{margin-top:42px}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;transition:opacity .25s ease-in-out}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1565c0}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1565c0}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}.milestone{min-width:196px;width:196px;height:242px;background-color:#fff;padding:0}.milestone.md-button{text-transform:none}.milestone__progress{background-color:#eee;border-radius:50%;position:relative;margin-bottom:12px}.milestone__progress__percent{position:absolute;top:8px;bottom:8px;left:8px;right:8px;border-radius:50%;background-color:#fff;color:#1565c0;font-size:28px;font-weight:500}.milestone__title{font-weight:700;font-size:15px;margin-bottom:12px}.milestone-details section:not(:first-child){margin-top:8px}.milestone-details__section{background-color:#fff;padding:16px}.milestone-details__section>p{margin-top:16px;margin-bottom:0}.milestone-details__section .grading,.milestone-details__section md-list{padding:0}.milestone-details__header{padding:12px 16px;margin:-16px -16px 16px;text-transform:uppercase;font-weight:500}.milestone-details__progress{width:48px;margin-right:8px}.milestone--add.md-button{text-transform:uppercase}.milestone--add__icon{height:96px;width:96px;background-color:#eee;border-radius:50%}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#ecf4fd}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.student-select{padding-top:0;padding-bottom:0}.workgroup-progress{margin-bottom:8px}@media (min-width:960px){.workgroup-progress{margin-bottom:0}}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1565c0}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #1565c0;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}.grading__item-container{margin:0 0 16px;padding:0!important}.grading__item{background-color:#fff}.grading__item .component{padding:0}notebook-launcher{position:absolute;bottom:24px;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}@media only screen and (min-width:960px){.notes-visible .notebook-report-container{right:516px;transition:right .25s}}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.view-notebook-item{width:600px}.notebook-item--report{background-color:#fff}.notebook-item--report .note-editor{margin-bottom:16px;border-color:#ccc}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{position:fixed;top:94px;left:0;right:0;z-index:1}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{left:54px;padding:0 24px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{padding:0 32px}}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 8px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}}.notebook-item--report__container.ui-scrollpoint .note-editor{padding-top:40px}.notebook-item--report__toolbar .note-toolbar{background-color:#ddd;border:1px solid #ccc;margin-bottom:-2px}.notebook-item--report__heading{text-align:center;margin-bottom:32px}.notebook-item--report__add-note{font-weight:700}.notebook-item--report__note-img{max-width:100%;height:auto!important}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.annotations--grading md-input-container{margin-bottom:0}.annotations--grading .md-errors-spacer{display:none}.annotations--grading input:focus,.annotations--grading textarea:focus{background-color:#fff}.annotations--grading input:disabled,.annotations--grading textarea:disabled{color:rgba(0,0,0,.87)}.annotations--grading--revision{margin:8px 0 0;padding:8px}.annotations--notebook{margin-top:16px}.annotations--grading__info{font-style:italic;margin:8px 8px 4px}.annotations--grading__item{padding:8px}.annotations--grading__score input{margin-top:0!important;font-size:18px;width:52px;text-align:center}.annotations--grading__score__label{transform:none!important;width:auto;display:block;padding:0;margin:0 8px 0 0}.annotations--grading__score__max label{display:none}.annotations--grading__score__divider{position:relative;top:12px;margin-left:4px}.annotations--grading__auto-comment{margin:0 2px}.annotations--grading__auto-comment__content{margin-top:8px}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.component--grading{padding:0;margin:0}.component--grading:not(:last-child)>div{border-bottom:1px solid #ddd}.component--grading .component__wrapper{padding:0;margin:0}.component--grading .component__content{padding:16px;margin:0}.component--grading__response{padding-bottom:16px}@media only screen and (min-width:960px){.component--grading__response{padding-right:16px;padding-bottom:0}}.component--grading__response__content{overflow:auto}.component--grading__annotations{background-color:#ecf4fd}.component--grading__annotations__divider{padding:4px;background-color:#fff}.component--grading__actions__info{margin:16px 0 0;padding-top:8px;border-top:1px solid #eee}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#1565c0}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#1565c0}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.component-revisions .component{padding:0;margin:0}.component-revisions .component__content{padding:0}.component-revisions .component__wrapper{margin:16px 0}.component-revisions .md-resize-handle{display:none}.component-revisions__item,md-list-item.component-revisions__item{padding:0}.component-revisions__item--latest{margin-bottom:24px}.component-revisions__annotation-label{margin-right:8px}.component-revisions__has-auto-and-teacher{padding-top:8px;margin-top:8px;border-top:1px solid #ddd}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
 /*# sourceMappingURL=monitor.css.map */
diff --git a/src/main/webapp/wise5/themes/default/style/monitor.css.map b/src/main/webapp/wise5/themes/default/style/monitor.css.map
index fb42ac5a2a..534240d07c 100644
--- a/src/main/webapp/wise5/themes/default/style/monitor.css.map
+++ b/src/main/webapp/wise5/themes/default/style/monitor.css.map
@@ -1 +1 @@
-{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config--monitor.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/monitor.css","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dragula.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_milestones.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_nav--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_grading.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_component--revisions.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,wBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBEQoB,CFPpB,eAAgB,CAChB,cGlC8B,CHmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBExDsB,CF4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,wBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,wBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,aCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,wBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"monitor.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Classroom Monitor Colors\n$_primary-color: #1565c0; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 54%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: map-merge($color, $body-color);\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #1565c0; }\n\nblockquote {\n  background-color: #f5f9fe;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1565c0;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #1565c0;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1565c0 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: #ecf4fd; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1565c0;\n  background-color: #ecf4fd; }\n\n.primary {\n  color: #1565c0; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: #ecf4fd; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #1565c0; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: #ecf4fd; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #1565c0; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: #ecf4fd; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out; }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1565c0; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #1565c0; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n.milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0; }\n  .milestone.md-button {\n    text-transform: none; }\n\n.milestone__progress {\n  background-color: #eeeeee;\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px; }\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: #1565c0;\n  font-size: 28px;\n  font-weight: 500; }\n\n.milestone__title {\n  font-weight: 700;\n  font-size: 15px;\n  margin-bottom: 12px; }\n\n.milestone-details section:not(:first-child) {\n  margin-top: 8px; }\n\n.milestone-details__section {\n  background-color: #ffffff;\n  padding: 16px; }\n  .milestone-details__section > p {\n    margin-top: 16px;\n    margin-bottom: 0; }\n  .milestone-details__section md-list {\n    padding: 0; }\n  .milestone-details__section .grading {\n    padding: 0; }\n\n.milestone-details__header {\n  padding: 12px 16px;\n  margin: -16px -16px 16px;\n  text-transform: uppercase;\n  font-weight: 500; }\n\n.milestone-details__progress {\n  width: 48px;\n  margin-right: 8px; }\n\n.milestone--add.md-button {\n  text-transform: uppercase; }\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: #eeeeee;\n  border-radius: 50%; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: #ecf4fd;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.student-select {\n  padding-top: 0;\n  padding-bottom: 0; }\n\n.workgroup-progress {\n  margin-bottom: 8px; }\n  @media (min-width: 960px) {\n    .workgroup-progress {\n      margin-bottom: 0; } }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1565c0; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #1565c0;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important; }\n\n.grading__item {\n  background-color: #ffffff; }\n  .grading__item .component {\n    padding: 0; }\n\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px; }\n  @media only screen and (min-width: 600px) {\n    notebook-launcher.md-button.md-fab {\n      z-index: 61; } }\n\n@media only screen and (min-width: 960px) {\n  .notes-visible .notebook-report-container {\n    right: 516px;\n    transition: right 250ms; } }\n\n.notebook-menu {\n  transition: opacity 500ms; }\n  .notebook-menu.ng-enter {\n    opacity: 0; }\n  .notebook-menu .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .notebook-menu.ng-leave-active, .notebook-menu.ng-hide {\n    opacity: 0; }\n  .notebook-menu.ng-hide-add, .notebook-menu.ng-hide-add-active, .notebook-menu.ng-hide-remove, .notebook-menu.ng-hide-remove-active {\n    opacity: 0; }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.view-notebook-item {\n  width: 600px; }\n\n.notebook-item--report {\n  background-color: #ffffff; }\n  .notebook-item--report .note-editor {\n    margin-bottom: 16px;\n    border-color: #cccccc; }\n\n.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n  position: fixed;\n  top: 94px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      left: 54px; } }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 24px; } }\n  @media only screen and (min-width: 960px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 32px; } }\n  .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n    margin: 0 16px; }\n    @media only screen and (min-width: 600px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 8px; } }\n    @media only screen and (min-width: 960px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 16px; } }\n\n.notebook-item--report__container.ui-scrollpoint .note-editor {\n  padding-top: 40px; }\n\n.notebook-item--report__toolbar .note-toolbar {\n  background-color: #dddddd;\n  border: 1px solid #cccccc;\n  margin-bottom: -2px; }\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px; }\n\n.notebook-item--report__add-note {\n  font-weight: 700; }\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n.notebook-items {\n  width: 100%;\n  overflow: auto;\n  padding-top: 16px;\n  padding-bottom: 76px; }\n  .notebook-items .notebook-item {\n    width: 100%; }\n  .notebook-items .notebook-item__content {\n    height: 200px;\n    min-width: 0; }\n\n.notebook-items--grading {\n  margin-bottom: 0; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.annotations--grading md-input-container {\n  margin-bottom: 0; }\n\n.annotations--grading .md-errors-spacer {\n  display: none; }\n\n.annotations--grading input:focus, .annotations--grading textarea:focus {\n  background-color: #ffffff; }\n\n.annotations--grading input:disabled, .annotations--grading textarea:disabled {\n  color: rgba(0, 0, 0, 0.87); }\n\n.annotations--grading--revision {\n  margin: 8px 0 0;\n  padding: 8px; }\n\n.annotations--notebook {\n  margin-top: 16px; }\n\n.annotations--grading__info {\n  font-style: italic;\n  margin: 8px 8px 4px; }\n\n.annotations--grading__item {\n  padding: 8px; }\n\n.annotations--grading__score input {\n  margin-top: 0 !important;\n  font-size: 18px;\n  width: 52px;\n  text-align: center; }\n\n.annotations--grading__score__label {\n  transform: none !important;\n  width: auto;\n  display: block;\n  padding: 0;\n  margin: 0 8px 0 0; }\n\n.annotations--grading__score__max label {\n  display: none; }\n\n.annotations--grading__score__divider {\n  position: relative;\n  top: 12px;\n  margin-left: 4px; }\n\n.annotations--grading__auto-comment {\n  margin: 0 2px; }\n\n.annotations--grading__auto-comment__content {\n  margin-top: 8px; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.component--grading {\n  padding: 0;\n  margin: 0; }\n  .component--grading:not(:last-child) > div {\n    border-bottom: 1px solid #dddddd; }\n  .component--grading .component__wrapper {\n    padding: 0;\n    margin: 0; }\n  .component--grading .component__content {\n    padding: 16px;\n    margin: 0; }\n\n.component--grading__response {\n  padding-bottom: 16px; }\n  @media only screen and (min-width: 960px) {\n    .component--grading__response {\n      padding-right: 16px;\n      padding-bottom: 0; } }\n\n.component--grading__response__content {\n  overflow: auto; }\n\n.component--grading__annotations {\n  background-color: #ecf4fd; }\n\n.component--grading__annotations__divider {\n  padding: 4px;\n  background-color: #ffffff; }\n\n.component--grading__actions__info {\n  margin: 16px 0 0;\n  padding-top: 8px;\n  border-top: 1px solid #eeeeee; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #1565c0; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #1565c0; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.component-revisions .component {\n  padding: 0;\n  margin: 0; }\n\n.component-revisions .component__content {\n  padding: 0; }\n\n.component-revisions .component__wrapper {\n  margin: 16px 0; }\n\n.component-revisions .md-resize-handle {\n  display: none; }\n\n.component-revisions__item, md-list-item.component-revisions__item {\n  padding: 0; }\n\n.component-revisions__item--latest {\n  margin-bottom: 24px; }\n\n.component-revisions__annotation-label {\n  margin-right: 8px; }\n\n.component-revisions__has-auto-and-teacher {\n  padding-top: 8px;\n  margin-top: 8px;\n  border-top: 1px solid #dddddd; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n",".gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out;\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}",".milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0;\n\n  &.md-button {\n    text-transform: none;\n  }\n}\n\n.milestone__progress {\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px;\n}\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: color('primary');\n  font-size: rem(2.8);\n  font-weight: 500;\n}\n\n.milestone__title {\n  font-weight: 700;\n  font-size: $body-font-size-base;\n  margin-bottom: 12px;\n}\n\n.milestone-details {\n  section {\n    &:not(:first-child) {\n      margin-top: 8px;\n    }\n  }\n}\n\n.milestone-details__section {\n  background-color: #ffffff;\n  padding: 16px;\n\n  > p {\n    margin-top: 16px;\n    margin-bottom: 0;\n  }\n\n  md-list {\n    padding: 0;\n  }\n\n  .grading {\n    padding: 0;\n  }\n}\n\n.milestone-details__header {\n  padding: 12px 16px;\n  margin: -16px -16px 16px;\n  text-transform: uppercase;\n  font-weight: 500;\n}\n\n.milestone-details__progress {\n  width: 48px;\n  margin-right: 8px;\n}\n\n.milestone--add {\n  &.md-button {\n    text-transform: uppercase;\n  }\n}\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".student-select {\n    padding-top: 0;\n    padding-bottom: 0;\n}\n\n.workgroup-progress {\n    margin-bottom: 8px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        margin-bottom: 0;\n    }\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n",".grading {\n}\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important;\n}\n\n.grading__item {\n  background-color: #ffffff;\n\n  .component {\n    padding: 0;\n  }\n}\n","// Variables\n$notebook-sidebar-width: 56px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\n.notes-visible {\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    .notebook-report-container {\n      right: 516px;\n      transition: right 250ms;\n    }\n  }\n}\n\n.notebook-menu {\n  transition: opacity 500ms;\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active, &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add, &.ng-hide-add-active,\n  &.ng-hide-remove, &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block;\n}\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: color('gray');\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0;\n}\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255,255,255,0.95);\n  border-top: 1px solid color('gray-lighter');\n\n  &:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n  }\n}\n\n.notebook-item__content--text-only {\n  &:after {\n    content: \"note\";\n    font-family: 'Material Icons';\n    font-weight: normal;\n    font-style: normal;\n    display: inline-block;\n    line-height: 1;\n    text-transform: none;\n    letter-spacing: normal;\n    word-wrap: normal;\n    white-space: nowrap;\n    direction: ltr;\n\n    /* Support for all WebKit browsers. */\n    -webkit-font-smoothing: antialiased;\n    /* Support for Safari and Chrome. */\n    text-rendering: optimizeLegibility;\n\n    /* Support for Firefox. */\n    -moz-osx-font-smoothing: grayscale;\n\n    /* Support for IE. */\n    font-feature-settings: 'liga';\n    //position: absolute;\n    font-size: 80px;\n    color: color('text-disabled');\n  }\n}\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\";\n}\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0;\n\n  md-icon {\n    font-size: 22px;\n  }\n}\n\n.notebook-item__edit {\n  cursor: pointer;\n}\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: color('gray-darkest');\n  border-bottom-left-radius: $card-border-radius;\n  border-bottom-right-radius: $card-border-radius;\n\n  md-icon {\n    color: #ffffff;\n  }\n}\n\n.notebook-item__text-input {\n  margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.notebook-item__attachment {\n  background-color: color('gray-light');\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative;\n}\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto;\n}\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  // TODO: generalize for on item buttons like this (delete attachment, etc)\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0;\n\n  md-icon {\n    margin-left: -2px;\n    font-size: 22px;\n  }\n}\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: lighten(color('accent-1'), 5%);\n\n  a, md-icon {\n    color: lighten(color('accent-1'), 5%);\n  }\n\n  md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto;\n  }\n}\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: color('gray-lighter');\n  margin-bottom: 16px;\n  color: color('text-secondary');\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms;\n\n  md-icon, span {\n    transition: color 250ms;\n  }\n\n  &:hover, &:focus, &.dragover {\n    border-color: color('accent');\n    background-color: lighten(color('accent'), 35%);\n    color: color('accent');\n\n    md-icon, span {\n      color: color('accent');\n    }\n  }\n}\n\n.view-notebook-item {\n  width: $layout-breakpoint-xs;\n}\n\n.view-notebook-item__content {\n}\n\n.notebook-item--report {\n  background-color: #ffffff;\n\n  .note-editor {\n    margin-bottom: 16px;\n    border-color: color('gray');\n  }\n}\n\n.notebook-item--report__container {\n  &.ui-scrollpoint {\n    .notebook-item--report__toolbar {\n      position: fixed;\n      top: ($wise-toolbar-height + $md-toolbar-height);\n      left: 0;\n      right: 0;\n      z-index: 1;\n\n      @media only screen and (min-width: $layout-breakpoint-xs) {\n        left: ($notebook-sidebar-width - 2);\n      }\n\n      @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 24px;\n      }\n\n      @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 32px;\n      }\n\n      .note-toolbar {\n        margin: 0 16px;\n\n        @media only screen and (min-width: $layout-breakpoint-xs) {\n          margin: 0 8px;\n        }\n\n        @media only screen and (min-width: $layout-breakpoint-sm) {\n          margin: 0 16px;\n        }\n      }\n    }\n\n    .note-editor {\n      padding-top: 40px;\n    }\n  }\n}\n\n.notebook-item--report__toolbar {\n  .note-toolbar {\n    background-color: color('gray-light');\n    border: 1px solid color('gray');\n    margin-bottom: -2px;\n  }\n}\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px;\n}\n\n.notebook-item--report__content {\n}\n\n.notebook-item--report__add-note {\n  font-weight: 700;\n}\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important;\n}\n\n.notebook-sidebar {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: 400px;\n    max-width: none;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    width: 500px;\n    max-width: none;\n  }\n}\n\n.notebook-items {\n  width: 100%;\n  overflow: auto;\n  padding-top: 16px;\n  padding-bottom: 76px;\n\n  .notebook-item {\n    width: 100%;\n  }\n\n  .notebook-item__content { \n    height: 200px;\n    min-width: 0;\n  }\n}\n\n.notebook-items--grading {\n  margin-bottom: 0;\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".annotations--grading {\n    md-input-container {\n        margin-bottom: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n\n    input, textarea {\n        //border-width: 0;\n        //background-color: color('text-light-secondary');\n\n        &:focus {\n            background-color: #ffffff;\n        }\n\n        &:disabled {\n            color: color('text');\n        }\n    }\n}\n\n.annotations--grading--revision {\n    margin: 8px 0 0;\n    padding: 8px;\n}\n\n.annotations--notebook {\n    margin-top: 16px;;\n}\n\n.annotations--grading__info {\n    font-style: italic;\n    margin: 8px 8px 4px;\n}\n\n.annotations--grading__item {\n    padding: 8px;\n}\n\n.annotations--grading__score {\n    input {\n        margin-top: 0 !important;\n        font-size: rem(1.8);\n        width: 52px;\n        text-align: center;\n    }\n}\n\n.annotations--grading__score__label {\n    transform: none !important;\n    width: auto;\n    display: block;\n    padding: 0;\n    margin: 0 8px 0 0;\n}\n\n.annotations--grading__score__max {\n    label {\n        display: none;\n    }\n}\n\n.annotations--grading__score__divider {\n    position: relative;\n    top: 12px;\n    margin-left: 4px;\n}\n\n.annotations--grading__auto-comment {\n    margin: 0 2px;\n}\n\n.annotations--grading__auto-comment__content {\n    margin-top: 8px;\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".component--grading {\n    padding: 0;\n    margin: 0;\n\n    &:not(:last-child) {\n        > div {\n            border-bottom: 1px solid color('gray-light');\n        }\n    }\n\n    .component__wrapper {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 16px;\n        margin: 0;\n    }\n}\n\n.component--grading__response {\n    padding-bottom: 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding-right: 16px;\n        padding-bottom: 0;\n    }\n}\n\n.component--grading__response__content {\n    overflow: auto;\n}\n\n.component--grading__annotations {\n    background-color: color('selected-bg');\n}\n\n.component--grading__annotations__divider {\n    padding: 4px;\n    background-color: #ffffff;\n}\n\n.component--grading__actions__info {\n    margin: 16px 0 0;\n    padding-top: 8px;\n    border-top: 1px solid color('gray-lighter');\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".component-revisions {\n    .component {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 0;\n    }\n\n    .component__wrapper {\n        margin: 16px 0;\n    }\n\n    .md-resize-handle {\n        display: none;\n    }\n}\n\n.component-revisions__item, md-list-item.component-revisions__item {\n    padding: 0;\n}\n\n.component-revisions__item--latest {\n    margin-bottom: 24px;\n}\n\n.component-revisions__item__text {\n\n}\n\n.component-revisions__annotation-label {\n    margin-right: 8px;\n}\n\n.component-revisions__has-auto-and-teacher {\n    padding-top: 8px;\n    margin-top: 8px;\n    border-top: 1px solid color('gray-light');\n}\n",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config--monitor.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/monitor.css","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dragula.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_milestones.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_nav--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_grading.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_component--revisions.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,wBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBEQoB,CFPpB,eAAgB,CAChB,cGlC8B,CHmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBExDsB,CF4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,wBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,wBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,aCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,wBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNrB,+BAEQ,sBCnNiB,CDiNzB,yCAEQ,sBClN2B,CDgNnC,wCAEQ,sBCjN0B,CD+MlC,qCAEQ,WChN0B,CD8MlC,+CAEQ,yBC/MuC,CD6M/C,8CAEQ,yBC9MsC,CD4M9C,sCAEQ,cCrOgC,CDmOxC,gCAEQ,cC5MM,CD0Md,+BAEQ,sBCnNiB,CDiNzB,kCAEQ,WCzNa,CGXzB,eACE,gBAAiB,CACjB,iBAAkB,CAClB,cAAe,CACf,iBAAkB,CAElB,yBANF,eAOM,YCW2B,CDThC,CAED,kBACE,WCK8B,CDJ9B,cAAe,CEbjB,UACE,cAAe,CACf,QAAS,CACT,MAAO,CACP,OAAQ,CACR,SAAU,CACV,qBAAyB,CACzB,yBLIuB,CKAzB,gBACE,QAAS,CACT,aAAc,CACd,gBAAiB,CACjB,WAAY,CACZ,YAAa,CAGf,yBACE,gBAAiB,CCpBnB,UACI,SAAU,CADd,gBAIQ,uBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,qBAAsB,CAP9B,qBAWQ,cAAe,CACf,YAAa,CACb,aAAc,CACd,iBAAkB,CAElB,yCAhBR,qBAiBY,aAAc,CAMrB,CAvBL,sDAqBY,QAAc,CAKtB,yCA1BJ,6FA6BgB,cJlBkB,CImBrB,CC9Bb,QACE,qBPUuB,COPzB,sBACE,eNmCwB,CMhC1B,SACE,yBAA2B,CAG7B,cACE,aAAc,CACd,WAAY,CACZ,iBAAkB,CAClB,MAAO,CACP,OAAQ,CACR,sBAAyB,CAEzB,yCARF,cASI,YAAa,CAuBhB,CAhCD,uBAaI,SAAU,CAbd,+BAiBI,SAAU,CACV,qBAAuB,CAlB3B,gLA8BI,SAAU,CAId,6BACE,WAAY,CAEZ,yCAHF,6BAII,gBAAiB,CACjB,YAAa,CAEhB,CAEC,yCCwZA,uCDvZE,gBAAiB,CACjB,iBAAkB,CAErB,CAED,cACE,YAAa,CADf,mDAMI,eAAgB,CAChB,YAAa,CACb,eAAgB,CAChB,cL3D8B,CK6D9B,yCAXJ,mDAYM,cL9D4B,CK+D5B,iBAAkB,CAErB,CAID,yCADF,oBAEI,cAAe,CAElB,CAED,0CAEE,YAAa,CAFf,kEAKI,gBAAiB,CAEjB,yCAPJ,kEAQM,aAAc,CACd,cAAe,CAElB,CAXH,0DAcI,0BAA2B,CAI/B,2FAEE,gBAAiB,CEzGnB,mBCCI,+BDC6C,CAFjD,YACI,eAC6C,CEEjD,mBACE,+BAAoC,CACpC,uBAAmC,CAFrC,6BAKI,qBXQyB,CYpB7B,aACI,YAAa,CACb,SAAU,CACV,qBAAsB,CAG1B,uBACI,WAAY,CACZ,UAAW,CACX,YAAa,CACb,mBAAoB,CACpB,YAAa,CACb,SAAU,CAGd,uBACI,iBAAkB,CAClB,SAAU,CACV,eAAgB,CAGpB,eACI,OAAQ,CACR,QAAS,CACT,gCZFkC,CYGlC,mCZHkC,CYIlC,qBZJkC,CYDtC,qBAQQ,WAAY,CACZ,UAAc,CACd,OAAQ,CACR,UAAW,CACX,iBAAkB,CAClB,eAAgB,CAIxB,qBACI,kCAA0C,CAC1C,qCAA6C,CAGjD,yBACI,KAAM,CACN,OAAQ,CACR,2BXQoB,CWXxB,wCAMQ,qBAAsB,CACtB,kCAAmC,CAI3C,wBACI,KAAM,CACN,MAAO,CACP,0BXHoB,CWAxB,uCAMQ,qBAAsB,CACtB,mCAAoC,CAI5C,4BACI,QAAS,CACT,OAAQ,CACR,8BXdoB,CWWxB,2CAMQ,wBAAyB,CACzB,kCAAmC,CAI3C,2BACI,QAAS,CACT,MAAO,CACP,6BXzBoB,CWsBxB,0CAMQ,wBAAyB,CACzB,mCAAoC,CAI5C,qBACI,qBAAyB,CAG7B,2BACI,cAAe,CACf,oBAAqB,CC7FzB,WACE,wBAA0B,CAC1B,kBAAoB,CACpB,sBAAwB,CACxB,UAAY,CACZ,mCAAqC,CAEvC,SACE,sBAAwB,CAE1B,iBACE,kCAAoC,CACpC,+BAAiC,CACjC,8BAAgC,CAChC,0BAA4B,CAE9B,YACE,UAAY,CCjBd,UACI,WVkB4B,CUfhC,cACI,WVe4B,CUZhC,eACI,YVY6B,CWrBjC,aACI,iBdqDoB,CcpDpB,eAAgB,CAEhB,yBAJJ,aAKQ,eAAuC,CAU9C,CAPG,yBARJ,aASQ,eAAuC,CAM9C,CAHG,0BAZJ,aAaQ,gBAAuC,CAE9C,CAOD,kDAJI,0BdoCoB,CcnCpB,2BfTa,CeYjB,8BAGI,kBAAqB,CACrB,wBfhBa,CeYjB,8CAOQ,cAAe,CACf,aAAc,CACd,gBAAiB,CAIzB,sBACI,aAAc,CACd,gBAAiB,CACjB,gBAAiB,CAGrB,sBACI,6BdYoB,CcXpB,8BdWoB,CcRxB,qBACI,iBdOoB,CcLpB,QAAc,CACd,4CAAiD,CACjD,cbrC8B,CasC9B,SAAU,CANd,uDASQ,iBAAkB,CAClB,UAAW,CACX,WAAY,CAXpB,0DAgBY,KAAM,CACN,SAAU,CAjBtB,kFAoBgB,gCfxDC,CeyDD,kCAAmC,CACnC,mCAAoC,CACpC,iBAAkB,CAClB,SAAU,CAxB1B,yFA4BgB,QAGuC,CA/BvD,4DAoCY,YAAa,CACb,SAAU,CArCtB,oFAwCgB,6Bf5EC,Ce6ED,kCAAmC,CACnC,mCAAoC,CACpC,iBAAkB,CAClB,SAAU,CA5C1B,2FAgDgB,QAGuC,CAnDvD,4DAwDY,QAAS,CACT,UAAW,CAzDvB,oFA4DgB,+BfhGC,CeiGD,oCAAqC,CACrC,iCAAkC,CAClC,iBAAkB,CAClB,MAAO,CACP,SAAU,CAjE1B,2FAqEgB,QAGqC,CAxErD,6DA6EY,QAAS,CACT,WAAY,CA9ExB,qFAiFgB,8BfrHC,CesHD,oCAAqC,CACrC,iCAAkC,CAClC,iBAAkB,CAClB,OAAQ,CACR,SAAU,CAtF1B,4FA0FgB,QAGqC,CCrIrD,iBACI,gBAAiB,CAGrB,4BACI,eAAgB,CAGpB,4CAEQ,cAAe,CAFvB,kDAMQ,YAAa,CAIrB,eACI,iBAAkB,CAGtB,yDAEQ,ahB7BgB,CgBiCxB,2DACI,WAAY,CACZ,wBhBvBsB,CgBwBtB,qBhBrBa,CgBsBb,iBAAkB,CAJtB,uEAOQ,qBAAyB,CAPjC,+EAWQ,qBhBxB+B,CgB4BvC,0CACI,UAAW,CAGf,2BACI,qBhBjCmC,CgBoCvC,yBACI,iBAAkB,CAClB,UAAW,CAFf,2CAKQ,+BAAwC,CAIhD,mCACI,OAjE8B,CAmE9B,4DACI,QAnEoC,CAuE5C,mCACI,UAzE8B,CA2E9B,4DACI,WAAsD,CAK9D,mHACI,eAAgB,CAChB,qBhBjEyB,CgB+D7B,6JAKQ,ahBvFgB,CgB2FxB,oBAEQ,sBAAuB,CACvB,eAAgB,CAChB,cAAe,CACf,eAAgB,CAChB,qBhB7E+B,CgBkFnC,yCADJ,wBAEQ,eAAgB,CAMvB,CAHG,yCALJ,wBAMQ,eAAgB,CAEvB,CAED,yCAEQ,qBAAyB,CAFjC,+DAKY,eAAgB,CAChB,qBhBxGa,CgB6GzB,gBACI,Wf5EiC,Ce2ErC,sBAIQ,WAAY,CACZ,UAAW,CACX,aAAc,CACd,YAAa,CACb,QAAc,CACd,cdtH0B,CcuH1B,eAAgB,CCrIxB,OACE,cAAe,CACf,UAAW,CACX,eAAgB,CAChB,YAAa,CAJf,kHAYM,qBjBIW,CiBHX,WAAY,CACZ,cfA4B,CeC5B,eAAgB,CAChB,WAAY,CACZ,cAAe,CACf,kBAAmB,CAlBzB,6BAwBI,wBjBXsB,CiBYtB,SAAU,CACV,kBAAmB,CA1BvB,0BA8BI,QAAS,CA9Bb,yBAkCI,YAAa,CAIjB,4BAGM,gBAAiB,CAKvB,mBACE,UAAW,CAGb,aACE,QAAc,CACd,wBAAyB,CACzB,qBAAyB,CACzB,cAAe,CACf,aAAc,CALhB,gCASI,aAAc,CACd,QAAc,CAVlB,gBAcI,eAAgB,CAChB,WAAY,CAfhB,0BAoBM,iBAAkB,CAClB,eAAgB,CAChB,UAAW,CACX,mBAAoB,CACpB,iBAAkB,CAClB,eAAmB,CAKzB,mBACE,eb9D8B,CakE9B,yCADF,mBAEI,eAAgB,CAEnB,CAED,oBACE,cf7EgC,Ce8EhC,eAAgB,CAGlB,wBACE,WAAY,CACZ,QAAS,CAGX,wBACE,wBjBnFsB,CiBoFtB,UjB/EoC,CiBgFpC,ehB5DwB,CgB6DxB,WhB7DwB,CgBgE1B,0BACE,UAAc,CACd,mBAAoB,CACpB,QAAS,CACT,WAAY,CACZ,kBAAmB,CACnB,eAAgB,CAChB,UAAW,CAGb,0BACE,QAAS,CAGX,mCACE,wBAAyB,CAG3B,UACE,eAAgB,CAChB,kBAAmB,CACnB,eAAgB,CAIhB,yCADF,eAEI,eAAgB,CAChB,eAAgB,CAChB,sBAAuB,CACvB,kBAAmB,CAEtB,CC1ID,kBACI,cAAe,CADnB,2HAWY,WAAY,CAKxB,kBACI,ejB0BsB,CiB3B1B,oCAIQ,WjBuBkB,CiBtBlB,ejBsBkB,CiB3B1B,4CASQ,WjBkBkB,CiBjBlB,gBjBiBkB,CiBhBlB,UjBgBkB,CiBZ1B,wCAEQ,aAAc,CACd,chBpB0B,CgBwBlC,qBACI,+BAAkD,CADtD,uCAIQ,chB5B0B,CgB6B1B,eAAgB,CAIxB,SACI,cAAe,CACf,MAAO,CACP,OAAQ,CACR,Qd5CoB,Cc6CpB,SAAU,CAGd,gBACI,eAAgB,CAChB,chB3C8B,CgB4C9B,eAAgB,CAGpB,gBACI,iBAAkB,CVu4BtB,0BUp4BI,kBAAmB,CACnB,gBAAiB,CAGrB,sCACI,QAAS,CAGb,4CACI,YAAa,CACb,eAAgB,CAChB,wBlB/DsB,CkB4D1B,8EAMQ,WAAY,CACZ,eAAgB,CVo4BxB,kGU93BU,gBAAiB,CAK3B,6BACI,WAAY,CAEZ,yCAHJ,6BAIQ,WAAY,CAMnB,CAHG,yCAPJ,6BAQQ,WAAY,CAEnB,CCrGD,WACI,qBAAyB,CACzB,4BnBYqB,CmBdzB,iDAKQ,qBnBeqB,CmBdrB,qBAAyB,CANjC,iEASY,qBAAsB,CATlC,yFAaY,SAAU,CAbtB,uEAiBY,gBAAiB,CAjB7B,yBAsBQ,YAAa,CAIrB,kGAEQ,uCAA+C,CAC/C,gBAAiB,CAIzB,kGAIQ,uCAA+C,CAC/C,gBAAiB,CAIzB,qBACI,qBAAsB,CAG1B,kDACI,cAAe,CACf,wBnBnCsB,CmBsC1B,oBACI,uBAAyB,CAG7B,6BACI,mBAAoB,CACpB,UAAW,CACX,gBAAiB,CACjB,QAAS,CACT,kBAAmB,CACnB,eAAgB,CAChB,eAAgB,CAGpB,WACI,cjBpD8B,CkBdlC,QACE,iBAAkB,CAClB,WAAY,CACZ,gCAAkC,CAClC,UAAW,CAEX,yBANF,QAOI,aAAc,CACd,iBnBiDsB,CmBhDtB,gBAAiB,CAEpB,CCXD,WACE,eAAgB,CAChB,WAAY,CACZ,YAAa,CACb,qBAAyB,CACzB,SAAU,CALZ,qBAQI,mBAAoB,CAIxB,qBACE,qBrBCuB,CqBAvB,iBAAkB,CAClB,iBAAkB,CAClB,kBAAmB,CAGrB,8BACE,iBAAkB,CAClB,OAAQ,CACR,UAAW,CACX,QAAS,CACT,SAAU,CACV,iBAAkB,CAClB,qBAAyB,CACzB,arB1BsB,CqB2BtB,cnBdgC,CmBehC,eAAgB,CAGlB,kBACE,eAAgB,CAChB,cnBpBgC,CmBqBhC,kBAAmB,CAGrB,6CAGM,cAAe,CAKrB,4BACE,qBAAyB,CACzB,YAAa,CAFf,8BAKI,eAAgB,CAChB,eAAgB,CANpB,yEAcI,SAAU,CAId,2BACE,iBAAkB,CAClB,uBAAwB,CACxB,wBAAyB,CACzB,eAAgB,CAGlB,6BACE,UAAW,CACX,gBAAiB,CAGnB,0BAEI,wBAAyB,CAI7B,sBACE,WAAY,CACZ,UAAW,CACX,qBrBvEuB,CqBwEvB,iBAAkB,CCtFpB,KACI,iBAAkB,CAGtB,KACI,kBAAmB,CAGvB,UACI,iBAAkB,CAClB,KAAM,CACN,QAAS,CACT,MAAO,CACP,OAAQ,CACR,gCAAkC,CAClC,SAAU,CAPd,kBAUQ,SAAU,CAIlB,UACI,qBtBFmC,CsBGnC,eAAgB,CAFpB,kBAKQ,gBAAiB,CAIzB,oBACI,oBAAqB,CAGzB,qBACI,qBtBrBmB,CsBsBnB,WAAY,CAOhB,wCACI,SAAU,CAEV,yBAHJ,oBAIQ,WAAY,CAEnB,CAED,UACI,mCAAqC,CADzC,4BAKY,wBAKG,CAKf,yBACI,2BrBdoB,CqBepB,0BrBfoB,CqBaxB,+BAKQ,YAAa,CALrB,qDAQY,6BtB3DK,CsBgEjB,gBACI,qCAA0C,CAD9C,yBAIQ,eAAgB,CAEhB,cAAe,CACf,yBAA2B,CAC3B,eAAgB,CAChB,gBAAiB,CATzB,uCAYY,YAAa,CAYzB,2BACI,oBAAqB,CACrB,oBAAqB,CAGzB,yBACI,eAAgB,CAChB,qBtBzFkC,CsBgGtC,sCAEQ,4IACsF,CAI9F,oBACI,QAAS,CAGb,gBACI,yBtBnHmB,CsBoHnB,8BrB7EoB,CqB8EpB,6BrB9EoB,CqB+EpB,gBAAiB,CACjB,eAAgB,CAGpB,iBACI,WAAY,CACZ,cAAe,CACf,UAAc,CACd,QAAS,CACT,eAAgB,CALpB,yBAQQ,iBAAkB,CAClB,UAAc,CATtB,oEAcY,wBtB5IQ,CsBiJpB,iBACI,iBAAkB,CAClB,eAAgB,CAChB,eAAgB,CdmiCpB,2BchiCI,iBAAkB,CAClB,kBAAmB,CAGvB,gBACI,aAAc,CAGlB,oBACI,UAAW,CADf,kCAIQ,KAAM,CAId,0BACI,eAAgB,CAChB,UAAW,CAGf,kBACI,aAAc,CACd,cAAe,CCzLnB,gBACI,aAAc,CACd,gBAAiB,CAGrB,oBACI,iBAAkB,CAElB,yBAHJ,oBAIQ,eAAgB,CAEvB,CCPD,eACI,iBAAkB,CAClB,QAAS,CACT,UAAW,CAHf,oBAMQ,wBAAoC,CACpC,gBAAiB,ChB6tCzB,yBgBztCE,UAAU,CACV,SAAS,CAOX,oBACI,eAAgB,CAEhB,ctBZ8B,CsBelC,oBACI,yBAA2B,CAC3B,2BAA6B,CAC7B,gBAAiB,CAGrB,wDAEQ,axBpCgB,CwBwCxB,cACI,iBAAkB,CAClB,QAA8C,CAC9C,QAAS,CACT,MAAO,CACP,qBAAsB,CACtB,UA9CqB,CA+CrB,eAAgB,CAChB,aAAc,CACd,iBAAkB,CAClB,2BxBnCa,CwBqCb,yCAZJ,cAaQ,YAAa,CAEpB,ChB+sCD,wBgB7sCE,OAAO,CACP,SAAS,CAGX,6CACI,cAAe,CACf,iBAAkB,CC1DtB,MACI,aAAc,CACd,iBAAkB,CAClB,MAAO,CACP,OAAQ,CAER,yCANJ,MAQQ,iBAAkB,CAClB,kBAAmB,CAe1B,CAZG,yCAZJ,MAaQ,YAAa,CAWpB,CAxBD,eAiBQ,sBAAuB,CACvB,SAAU,CAlBlB,sBAsBQ,SAAU,CAOd,yCADJ,aAEQ,eAAgB,CAChB,kBAAmB,CAM1B,CAHG,yCANJ,aAOQ,gBAAiB,CAExB,CAED,cACI,gBAAiB,CACjB,qBAAyB,CACzB,iBxBSsB,CwBRtB,gBAAiB,CAEjB,yCANJ,cAOQ,eAAgB,CAQvB,CALG,yCAVJ,cAWQ,SAAU,CACV,oBAAqB,CACrB,uBAAwB,CAE/B,CAED,wBAEQ,qBAAyB,CAIjC,sBACI,iBAAkB,CAClB,SAAU,CACV,MAAO,CACP,OAAQ,CACR,SAAU,CALd,oCAQQ,oBAAsB,CAEtB,yCAVR,oCAWY,mBAAqB,CAE5B,CAGL,WACI,UAAc,CACd,sBAAuB,CAG3B,aACI,YAAa,CACb,WAAY,CACZ,eAAgB,CAChB,cvB/E8B,CuB2ElC,2CAQY,uBAA6B,CAC7B,UAAW,CATvB,oGAiBY,YAAa,CAjBzB,6BAsBQ,aAAc,CACd,qBzB5FqB,CyBgG7B,2BAEI,wBzBzGsB,CyB0GtB,4BzBzGqB,CyB0GrB,yBzB1GqB,CyB6GzB,0BACI,iBAAkB,CAGtB,mBACI,gBAAiB,CAGrB,qBACI,eAAgB,CAGpB,mBACI,sBAAuB,CACvB,kBAAmB,CACnB,eAAgB,CAEhB,yCALJ,mBAMQ,cAAe,CAEtB,CAED,YACI,eAAgB,CAChB,mBAAoB,CACpB,cAAe,CAEf,yCALJ,YAMQ,cvBzI0B,CuB2IjC,CAED,uBACI,mBAAoB,CAEpB,yCAHJ,uBAIQ,mBAAoB,CAc3B,CAXG,0CAPJ,uBAQQ,mBAAoB,CAU3B,CAlBD,8CAYQ,aAAc,CAZtB,6CAgBQ,cAAe,CAIvB,6BACI,iBAAkB,CAClB,eAAgB,CAChB,qBzB7JmC,CyBgKvC,6BACI,wBAAyB,CAG7B,iDAKQ,cAAe,CAKnB,yCADJ,qBAEQ,iBAAuC,CAE9C,CAGG,yCADJ,sBAEQ,kBxB/JkB,CwBiKzB,CAED,cACI,iBAAkB,CAClB,OAAQ,CACR,KAAM,CACN,UrB3MoB,CqB8MxB,uBACI,cAAe,CACf,UrBhNoB,CqBiNpB,qBAAyB,CACzB,aAAc,CACd,iBxBjKsB,CwBmKtB,yCAPJ,uBAQQ,OAAQ,CACR,QAAS,CACT,MAAO,CACP,UAAW,CACX,eAAgB,CAChB,SAAU,CACV,YAAa,CACb,WxBzLkB,CwB2LzB,CAID,WACI,QAAS,CAET,yCAHJ,WAIQ,YAAa,CACb,eAAgB,CAsBvB,CA3BD,oBASQ,gBAAiB,CACjB,iBAAkB,CAV1B,kCAeY,gBAAiB,CAf7B,mFAoBQ,gBAAiB,CACjB,iBAAkB,CArB1B,+BAyBQ,YAAa,CAIrB,aACI,wBzBvQoB,CyBwQpB,oBAAqB,CACrB,YAAa,CACb,qBAAyB,CAO7B,iCACI,qBAAsB,CACtB,oBAAqB,CCjRzB,yBACE,eAAgB,CAChB,mBAAqB,CAGvB,eACE,qBAAyB,CAD3B,0BAII,SAAU,CCRd,kBACE,iBAAkB,CAClB,WAAY,CACZ,UAAW,CAEX,yCALF,mCAOM,UAAW,CACZ,CAKH,yCADF,0CAGM,WAAY,CACZ,qBAAuB,CACxB,CAIL,eACE,0BAA4B,CAC5B,kBAAmB,CACnB,aAAc,CAGhB,wBACE,YAAa,CACb,eAAgB,CAChB,iBAAkB,CAClB,SAAU,CACV,qB3BpBe,C2BqBf,0B1BiBsB,C0BhBtB,2B1BgBsB,C0BbxB,kEACE,iBAAkB,CAClB,MAAO,CACP,OAAQ,CAGV,oCACE,qCAAuC,CACvC,0B1BKsB,C0BJtB,2B1BIsB,C0BHtB,iCAA0C,CAC1C,+BAAiC,CACjC,KAAM,CACN,QAAS,CAGX,8BACE,QAAS,CACT,WAAY,CACZ,eAAgB,CAChB,eAAgB,CAChB,gBAAiB,CACjB,eAAgB,CAChB,oCAAwC,CACxC,yB3BnDuB,C2B2CzB,oCAWI,UAAW,CACX,gBAAiB,CACjB,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,UAAW,CACX,WAAa,CACb,6EAAiF,CAIrF,yCAEI,cAAe,CACf,0BAA6B,CAC7B,eAAmB,CACnB,iBAAkB,CAClB,oBAAqB,CACrB,aAAc,CACd,mBAAoB,CACpB,qBAAsB,CACtB,gBAAiB,CACjB,kBAAmB,CACnB,aAAc,CAGd,kCAAmC,CAEnC,iCAAkC,CAGlC,iCAAkC,CAGlC,4BAA6B,CAE7B,cAAe,CACf,qB3BnFkC,C2BuFtC,6CACE,mBAAoB,CAGtB,kCACE,UAAY,CACZ,aAAc,CAFhB,0CAKI,cAAe,CAInB,qBACE,cAAe,CAGjB,wBACE,QAAS,CACT,aAAc,CACd,UAAc,CACd,qB3B/GuB,C2BgHvB,6B1B7EsB,C0B8EtB,8B1B9EsB,C0BwExB,gCASI,UAAc,CAIlB,2BACE,QAAS,CAGX,qCACE,cAAe,CACf,eAAgB,CAGlB,2BACE,qB3BtIqB,C2BuIrB,YAAa,CACb,kBAAmB,CACnB,iBAAkB,CAClB,iBAAkB,CAGpB,oCACE,cAAe,CACf,WAAY,CAGd,mCACE,iBAAkB,CAClB,OAAQ,CACR,UAAW,CAEX,oBAAsB,CACtB,qBAAuB,CACvB,YAAa,CAPf,2CAUI,gBAAiB,CACjB,cAAe,CAInB,qBACE,iBAAkB,CAClB,UAAW,CACX,aAAqC,CAHvC,oDAMI,aAAqC,CANzC,6BAUI,eAAgB,CAChB,WAAY,CACZ,UAAW,CAIf,uBACE,iBAAkB,CAClB,YAAa,CACb,qB3BrLuB,C2BsLvB,kBAAmB,CACnB,qB3BhLqC,C2BiLrC,iBAAkB,CAClB,cAAe,CACf,6BAA8B,CAC9B,mBAAqB,CATvB,2DAYI,qBAAuB,CAZ3B,0FAgBI,oB3B1Me,C2B2Mf,wBAA+C,CAC/C,a3B5Me,C2B0LnB,2NAqBM,a3B/Ma,C2BoNnB,oBACE,WvBxM8B,CuB8MhC,uBACE,qBAAyB,CAD3B,oCAII,kBAAmB,CACnB,iB3BtNa,C2B0NjB,iFAGM,cAAe,CACf,QAAgD,CAChD,MAAO,CACP,OAAQ,CACR,SAAU,CAEV,yCATN,iFAUQ,SAAmC,CAInC,cAJmC,CAsBtC,CAfC,yCAjBN,iFAkBQ,cAAe,CAclB,CAhCL,+FAsBQ,aAAc,CAEd,yCAxBR,+FAyBU,YAAa,CAMhB,CAHC,yCA5BR,+FA6BU,aAAc,CAEjB,CA/BP,8DAmCM,gBAAiB,CAKvB,8CAEI,qB3BrQmB,C2BsQnB,qB3BrQa,C2BsQb,kBAAmB,CAIvB,gCACE,iBAAkB,CAClB,kBAAmB,CAMrB,iCACE,eAAgB,CAGlB,iCACE,cAAe,CACf,qBAAuB,CAIvB,yCADF,kBAEI,WAAY,CACZ,cAAe,CAOlB,CAJC,yCANF,kBAOI,WAAY,CACZ,cAAe,CAElB,CAED,yCACE,6EAEI,qBAA6C,CAC9C,CAIL,kBACE,qBAAyB,CACzB,aAAc,CCjUhB,kBACI,oBAAsB,CAD1B,0BAIQ,gBAAiB,CAIzB,oBACI,iBAAkB,CAClB,iBAAkB,CAClB,wB5BLe,C4BMf,UAAW,CACX,QAAS,CACT,WAAY,CACZ,gBAAiB,CACjB,cAAe,CACf,eAAgB,CAChB,gBAAiB,CAVrB,2BAaQ,UAAW,CACX,iBAAkB,CAClB,UAAW,CACX,OAAQ,CACR,yCAA6C,CAC7C,gCAAiC,CACjC,mCAAoC,CAI5C,mBACI,aAAc,CAGlB,sBACI,WAAY,CAGhB,6BACI,eAAgB,CAGpB,kPAIQ,qB5B1B+B,C4B2B/B,c1BlC0B,C0B6BlC,0QAQY,c1BrCsB,C0BsCtB,WAAY,CACZ,UAAW,CACX,gBAAiB,CACjB,gB1BzCsB,C2BdlC,cACI,iB5BqDoB,C4BpDpB,SAAU,CACV,c3BW8B,C2BV9B,eAAgB,CAEhB,0BANJ,cAOQ,yBAA2B,CAOlC,CAdD,iBAWQ,QAAS,CACT,eAAgB,CAIxB,4BACI,Y5BiCyE,C4B9B7E,2BACI,WAAY,CAEZ,yBAHJ,2BAIQ,WAAY,CAEnB,CAED,oBACI,qB7BNkC,C6BOlC,iBAAkB,CAGtB,qBACI,iBAAkB,CAClB,UAAW,CACX,QAAS,CACT,YAAa,CAJjB,4BAOQ,UAAW,CACX,iBAAkB,CAClB,4BAA6B,CAC7B,iCAAkC,CAClC,kCAAmC,CAI3C,+DACI,UAAW,CAGf,+CACI,WAAY,CrBquDhB,+BqBhuDI,UAAW,CACX,SAAU,CrBmuDd,mFqBhuDI,SAAS,CACT,UAAU,CrBmuDd,yDqBhuDM,UAAW,CACX,UAAU,CAIhB,oBACI,gBAAiB,CAGrB,2BACI,eAAgB,CAGpB,0BACI,eAAgB,CAChB,qB7B5DmC,C6B+DvC,uDAIQ,SAAU,CAJlB,6CAOY,gBAAiB,CACjB,WAAY,CACZ,UAAW,CAKvB,2CAEQ,wBAAyB,CACzB,UAAW,CAInB,qBACI,iBAAkB,CAClB,gBAAiB,CAFrB,6BAKQ,a7BnFU,C6BuFlB,8BACI,iBAAkB,CAClB,KAAM,CACN,UAAW,CACX,mCAA0C,CAG9C,uBACI,wB7B7GsB,C6BgH1B,uBACI,YAAa,CC9HjB,aACI,yBAA0B,CAC1B,iBAAkB,CAClB,c5BW8B,C4BdlC,gBAMQ,iBAAkB,CAClB,4BAA6B,CAPrC,mBAWQ,UAAW,CACX,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,UAAW,CACX,UAAW,CACX,KAAQ,CACR,WAAY,CACZ,iCAAkC,CAClC,oCAAqC,CACrC,+B9BHgB,C8BOxB,wCACI,yB9BXmB,C8BcvB,qBACI,YAAa,CACb,eAAgB,CAGpB,qBACI,iBAAkB,CAElB,2BAA4B,CAC5B,iBAAkB,CAClB,eAAgB,CAChB,iBAAkB,CAClB,UAAc,CACd,wB9BxBoB,C8B2BxB,qBACI,wB9BxCe,C8ByCf,WAAY,CACZ,iBAAkB,CAClB,KAAM,CACN,UAAW,CAGf,mBACI,iBAAkB,CAClB,UAAc,CAGlB,mBACI,YAAa,CACb,qBAAyB,CACzB,6B7BPoB,C6BQpB,8B7BRoB,C6BSpB,aAAc,CAGlB,qBACI,qBAAyB,CACzB,a9B1Da,C8B2Db,oBAAqB,CACrB,eAAgB,CAChB,c5BzD8B,C4BoDlC,4DAQQ,iBAAkB,CAR1B,4EAYQ,SAAS,CAZjB,4EAgBQ,SAAS,CAIjB,oBACI,eAAgB,CAGpB,mBACI,iBAAkB,CAClB,UAAY,CACZ,wBAAyB,CACzB,c5BhF8B,C4BmFlC,kCAEQ,gBAAiB,CAKzB,mBACI,kBAAmB,CACnB,gBAAiB,CACjB,gBAAiB,CAEjB,yCALJ,mBAMQ,0BAA2B,CAclC,CApBD,yBAUQ,+B9BxGS,C8B8FjB,wCAcQ,qBAAyB,CAdjC,wCAkBQ,wB9BhHS,C+BVjB,yCAEQ,eAAgB,CAFxB,wCAMQ,YAAa,CANrB,uEAcY,qBAAyB,CAdrC,6EAkBY,qB/BEiB,C+BG7B,gCACI,cAAe,CACf,WAAY,CAGhB,uBACI,eAAgB,CAGpB,4BACI,iBAAkB,CAClB,kBAAmB,CAGvB,4BACI,WAAY,CAGhB,mCAEQ,sBAAwB,CACxB,c7B9B0B,C6B+B1B,UAAW,CACX,iBAAkB,CAI1B,oCACI,wBAA0B,CAC1B,UAAW,CACX,aAAc,CACd,SAAU,CACV,gBAAiB,CAGrB,wCAEQ,YAAa,CAIrB,sCACI,iBAAkB,CAClB,QAAS,CACT,eAAgB,CAGpB,oCACI,YAAa,CAGjB,6CACI,cAAe,CC3EnB,WACI,iBAAkB,CAGtB,oBACI,cAAe,CACf,aAAc,CAGlB,oBACI,eAAgB,CAChB,c9BG8B,C8BF9B,iBAAkB,CAElB,yCALJ,oBAMQ,aAAc,CAErB,CAED,uCACI,gBAAiB,CACjB,QAAS,CACT,c9BR8B,C8BWlC,mBACI,iBAAkB,CAClB,UAAW,CACX,QAAS,CAGb,yCAGY,mBAAqB,CACrB,cAAe,CACf,WAAY,CALxB,8FAUgB,8BhCnCG,CgC0CnB,2CAEQ,aAAc,CAFtB,0CAMQ,cAAe,CAIvB,0BACI,iBAAkB,CAClB,eAAgB,CAEhB,qBhCzCmC,CgC4CvC,0BACI,wBAAyB,CAG7B,mBACI,iBAAkB,CAClB,eAAgB,CAGpB,4BACI,cAAe,CAGnB,uBACI,iBAAkB,CAClB,YAAa,CACb,kBAAmB,CAEnB,yCALJ,uBAMQ,eAAgB,CAEvB,CAGG,yCADJ,2BAEQ,UAAW,CAElB,CAED,gCACI,gBAAiB,CACjB,UAAW,CAGf,+BACI,iBAAkB,CAClB,KAAM,CACN,OAAQ,CACR,WAAY,CACZ,8CAAsD,CACtD,eAAgB,CAChB,WAAY,CACZ,QAAS,CARb,uCAeQ,YAAa,CAIrB,qBACI,YAAa,CACb,WAAY,CAFhB,oCAKQ,wBhC9GkB,CgCkH1B,8BACI,iBAAoB,CACpB,4BhClHmB,CgCqHvB,8BACI,ahCnHoB,CgCoHpB,eAAgB,CCnIpB,gCACI,eAAgB,CAGpB,oBACI,qBjCMqB,CiCJrB,6BjCOkB,CiCJtB,kBACI,qBAAsB,CAEtB,0CAHJ,kBAIQ,mBAAoB,CAE3B,CAED,iBACI,kBAAmB,CACnB,e7BJ4B,C6BM5B,yCAJJ,iBAKQ,kBAAmB,CAY1B,CATG,0CARJ,iBASQ,kBAAmB,CAQ1B,CAjBD,4BAcQ,iBAAkB,CAClB,UAAW,CAInB,2BACI,YAAa,CAGjB,yEACI,gBAAiB,CAGrB,uFACI,cAAe,CAInB,gFACI,kBAAmB,CACnB,eAAgB,CAChB,eAAgB,CAChB,gBAAiB,CACjB,kBAAmB,CAGvB,uBACI,UjC7CkB,CiCgDtB,8BACI,eAAgB,CAChB,eAAgB,CAGpB,0BACI,eAAgB,CAChB,oBAAqB,CAGzB,6BACI,cAAe,CACf,qBAAuB,CACvB,eAAgB,CAGpB,gBACI,qBAAyB,CACzB,eAAgB,CAChB,gBAAiB,CACjB,iBAAkB,CAClB,WAAY,CACZ,mBAAqB,CACrB,oBAAsB,CAG1B,yBACI,kBAAmB,CAGvB,mDACI,QAAS,CACT,SAAU,CAFd,qEAKQ,eAAgB,CAIxB,2FACI,WAAY,CACZ,QAAc,CAGlB,yBACI,aAAc,CADlB,kDAKY,aAAc,CAL1B,iDASY,cAAe,CAK3B,4BACI,SAAU,CACV,cAAe,CAGnB,qCACI,YAAa,CACb,kBAAmB,CAGvB,qBACI,SAAU,CAGd,+BACI,wBjC7HsB,CiCgI1B,6BACI,4BAA6B,CAC7B,SAAU,CAFd,iDAKQ,kBAAmB,CAI3B,2BACI,SAAU,CACV,iBAAkB,CAClB,eAAgB,CAEhB,yCALJ,2BAMQ,gBAAiB,CAExB,CAED,2GACI,qBAAyB,CACzB,WAAY,CACZ,cAAqC,CACrC,QAAc,CACd,gBAAiB,CACjB,eAAgB,CAChB,WAAY,CAGhB,gDACI,iBAAkB,CAClB,SAAU,CACV,eAAgB,CAGpB,uFACI,YAAa,CAGjB,8FACI,cAAqC,CACrC,SAAU,CACV,QAAS,CAGb,4BACI,cAAe,CADnB,8BAIQ,yBAA2B,CAC3B,+BAA+B,CAIvC,sBACI,WAAY,CAGhB,uCACI,aAAc,CACd,QAAS,CAFb,yDAKQ,YAAa,CAIrB,+BACI,eAAgB,CADpB,0CAIQ,YAAa,CACb,eAAgB,CCjNxB,0BACI,QAAc,CCLlB,oBACI,SAAU,CACV,QAAS,CAFb,yCAMY,4BnCSW,CmCfvB,wCAWQ,SAAU,CACV,QAAS,CAZjB,wCAgBQ,YAAa,CACb,QAAS,CAIjB,8BACI,mBAAoB,CAEpB,yCAHJ,8BAIQ,kBAAmB,CACnB,gBAAiB,CAExB,CAED,uCACI,aAAc,CAGlB,iCACI,wBnCjCwC,CmCoC5C,0CACI,WAAY,CACZ,qBAAyB,CAG7B,mCACI,eAAgB,CAChB,eAAgB,CAChB,yBnChCqB,CoCdzB,cACI,eAAgB,CAChB,eAAgB,CAGpB,gBACI,YAAa,CACb,aAAc,CAGd,iBAAqB,CAArB,kBAAqB,CAArB,kBAAqB,CCPzB,eACI,qBrCUqB,CqCTrB,kBAAmB,CACnB,WAAY,CACZ,6BrCUkB,CqCPtB,eACI,mBAAoB,CAIpB,yCADJ,2BAEQ,YAAa,CAEpB,CAED,sBACI,YAAa,CACb,eAAgB,CAChB,arCtBoB,CqCyBxB,uBACI,SAAU,CAGd,6CAEQ,arCzBa,CqC6BrB,wBACI,gBAAiB,CAEjB,iBAAkB,CAClB,qBrCzBmB,CqC0BnB,gCAAkC,CAClC,6BpCYoB,CoCXpB,8BpCWoB,CoCTpB,mBAAe,CAAf,cAAe,CAEf,yCAXJ,wBAYQ,6BAA0B,CAA1B,wBAA0B,CAOjC,CAnBD,4BAgBQ,cAAe,CACf,WAAY,CAIpB,8BACI,wBrCzDoB,CqC4DxB,oBACI,oBAAqB,CACrB,WAAY,CACZ,eAAgB,CAChB,8BAAmB,CAAnB,kBAAmB,CAOvB,8BACI,qBAAyB,CACzB,qBAAuB,CACvB,qBrC3Da,CqCwDjB,iDAMQ,UAAW,CAInB,oCACI,gBAAiB,CAGrB,gBACI,uBAAyB,CAGzB,oBAAqB,CACrB,UAAc,CACd,eAAgB,CANpB,wBASQ,SAAU,CACV,sBAAuB,CAV/B,wBAcQ,UAAc,CCpGtB,wBAEI,qBtCYqB,CsCRzB,yBACE,cAAe,CACf,cAAe,CAFjB,2BAKI,eAAgB,CAChB,kBAAmB,CACnB,eAAgB,CAChB,sBAAuB,CACvB,oBAAqB,CCfzB,gCAEQ,SAAU,CACV,QAAS,CAHjB,yCAOQ,SAAU,CAPlB,yCAWQ,aAAc,CAXtB,uCAeQ,YAAa,CAIrB,kEACI,SAAU,CAGd,mCACI,kBAAmB,CAOvB,uCACI,gBAAiB,CAGrB,2CACI,eAAgB,CAChB,cAAe,CACf,yBvCvBmB,CwCfvB,6BAEQ,YAAa,CAGjB,yCALJ,kBAMQ,yBxCSe,CwCPtB,CAED,4BACI,iBAAkB,CAClB,WAAY,CAFhB,gDAKQ,qBAAyB,CAIjC,4BACI,iBAAkB,CAGtB,6BACE,WAAW,ChCw3Eb,uCgCp3EE,UAAU,CC5BZ,UACE,aAAc","file":"monitor.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Classroom Monitor Colors\n$_primary-color: #1565c0; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 54%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: map-merge($color, $body-color);\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #1565c0; }\n\nblockquote {\n  background-color: #f5f9fe;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1565c0;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #1565c0;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1565c0 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: #ecf4fd; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1565c0;\n  background-color: #ecf4fd; }\n\n.primary {\n  color: #1565c0; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: #ecf4fd; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #1565c0; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: #ecf4fd; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #1565c0; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: #ecf4fd; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out; }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1565c0; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #1565c0; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n.milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0; }\n  .milestone.md-button {\n    text-transform: none; }\n\n.milestone__progress {\n  background-color: #eeeeee;\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px; }\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: #1565c0;\n  font-size: 28px;\n  font-weight: 500; }\n\n.milestone__title {\n  font-weight: 700;\n  font-size: 15px;\n  margin-bottom: 12px; }\n\n.milestone-details section:not(:first-child) {\n  margin-top: 8px; }\n\n.milestone-details__section {\n  background-color: #ffffff;\n  padding: 16px; }\n  .milestone-details__section > p {\n    margin-top: 16px;\n    margin-bottom: 0; }\n  .milestone-details__section md-list {\n    padding: 0; }\n  .milestone-details__section .grading {\n    padding: 0; }\n\n.milestone-details__header {\n  padding: 12px 16px;\n  margin: -16px -16px 16px;\n  text-transform: uppercase;\n  font-weight: 500; }\n\n.milestone-details__progress {\n  width: 48px;\n  margin-right: 8px; }\n\n.milestone--add.md-button {\n  text-transform: uppercase; }\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: #eeeeee;\n  border-radius: 50%; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: #ecf4fd;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.student-select {\n  padding-top: 0;\n  padding-bottom: 0; }\n\n.workgroup-progress {\n  margin-bottom: 8px; }\n  @media (min-width: 960px) {\n    .workgroup-progress {\n      margin-bottom: 0; } }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1565c0; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #1565c0;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important; }\n\n.grading__item {\n  background-color: #ffffff; }\n  .grading__item .component {\n    padding: 0; }\n\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px; }\n  @media only screen and (min-width: 600px) {\n    notebook-launcher.md-button.md-fab {\n      z-index: 61; } }\n\n@media only screen and (min-width: 960px) {\n  .notes-visible .notebook-report-container {\n    right: 516px;\n    transition: right 250ms; } }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.view-notebook-item {\n  width: 600px; }\n\n.notebook-item--report {\n  background-color: #ffffff; }\n  .notebook-item--report .note-editor {\n    margin-bottom: 16px;\n    border-color: #cccccc; }\n\n.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n  position: fixed;\n  top: 94px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      left: 54px; } }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 24px; } }\n  @media only screen and (min-width: 960px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 32px; } }\n  .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n    margin: 0 16px; }\n    @media only screen and (min-width: 600px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 8px; } }\n    @media only screen and (min-width: 960px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 16px; } }\n\n.notebook-item--report__container.ui-scrollpoint .note-editor {\n  padding-top: 40px; }\n\n.notebook-item--report__toolbar .note-toolbar {\n  background-color: #dddddd;\n  border: 1px solid #cccccc;\n  margin-bottom: -2px; }\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px; }\n\n.notebook-item--report__add-note {\n  font-weight: 700; }\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.annotations--grading md-input-container {\n  margin-bottom: 0; }\n\n.annotations--grading .md-errors-spacer {\n  display: none; }\n\n.annotations--grading input:focus, .annotations--grading textarea:focus {\n  background-color: #ffffff; }\n\n.annotations--grading input:disabled, .annotations--grading textarea:disabled {\n  color: rgba(0, 0, 0, 0.87); }\n\n.annotations--grading--revision {\n  margin: 8px 0 0;\n  padding: 8px; }\n\n.annotations--notebook {\n  margin-top: 16px; }\n\n.annotations--grading__info {\n  font-style: italic;\n  margin: 8px 8px 4px; }\n\n.annotations--grading__item {\n  padding: 8px; }\n\n.annotations--grading__score input {\n  margin-top: 0 !important;\n  font-size: 18px;\n  width: 52px;\n  text-align: center; }\n\n.annotations--grading__score__label {\n  transform: none !important;\n  width: auto;\n  display: block;\n  padding: 0;\n  margin: 0 8px 0 0; }\n\n.annotations--grading__score__max label {\n  display: none; }\n\n.annotations--grading__score__divider {\n  position: relative;\n  top: 12px;\n  margin-left: 4px; }\n\n.annotations--grading__auto-comment {\n  margin: 0 2px; }\n\n.annotations--grading__auto-comment__content {\n  margin-top: 8px; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.component--grading {\n  padding: 0;\n  margin: 0; }\n  .component--grading:not(:last-child) > div {\n    border-bottom: 1px solid #dddddd; }\n  .component--grading .component__wrapper {\n    padding: 0;\n    margin: 0; }\n  .component--grading .component__content {\n    padding: 16px;\n    margin: 0; }\n\n.component--grading__response {\n  padding-bottom: 16px; }\n  @media only screen and (min-width: 960px) {\n    .component--grading__response {\n      padding-right: 16px;\n      padding-bottom: 0; } }\n\n.component--grading__response__content {\n  overflow: auto; }\n\n.component--grading__annotations {\n  background-color: #ecf4fd; }\n\n.component--grading__annotations__divider {\n  padding: 4px;\n  background-color: #ffffff; }\n\n.component--grading__actions__info {\n  margin: 16px 0 0;\n  padding-top: 8px;\n  border-top: 1px solid #eeeeee; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #1565c0; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #1565c0; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.component-revisions .component {\n  padding: 0;\n  margin: 0; }\n\n.component-revisions .component__content {\n  padding: 0; }\n\n.component-revisions .component__wrapper {\n  margin: 16px 0; }\n\n.component-revisions .md-resize-handle {\n  display: none; }\n\n.component-revisions__item, md-list-item.component-revisions__item {\n  padding: 0; }\n\n.component-revisions__item--latest {\n  margin-bottom: 24px; }\n\n.component-revisions__annotation-label {\n  margin-right: 8px; }\n\n.component-revisions__has-auto-and-teacher {\n  padding-top: 8px;\n  margin-top: 8px;\n  border-top: 1px solid #dddddd; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n",".gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out;\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}",".milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0;\n\n  &.md-button {\n    text-transform: none;\n  }\n}\n\n.milestone__progress {\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px;\n}\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: color('primary');\n  font-size: rem(2.8);\n  font-weight: 500;\n}\n\n.milestone__title {\n  font-weight: 700;\n  font-size: $body-font-size-base;\n  margin-bottom: 12px;\n}\n\n.milestone-details {\n  section {\n    &:not(:first-child) {\n      margin-top: 8px;\n    }\n  }\n}\n\n.milestone-details__section {\n  background-color: #ffffff;\n  padding: 16px;\n\n  > p {\n    margin-top: 16px;\n    margin-bottom: 0;\n  }\n\n  md-list {\n    padding: 0;\n  }\n\n  .grading {\n    padding: 0;\n  }\n}\n\n.milestone-details__header {\n  padding: 12px 16px;\n  margin: -16px -16px 16px;\n  text-transform: uppercase;\n  font-weight: 500;\n}\n\n.milestone-details__progress {\n  width: 48px;\n  margin-right: 8px;\n}\n\n.milestone--add {\n  &.md-button {\n    text-transform: uppercase;\n  }\n}\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".student-select {\n    padding-top: 0;\n    padding-bottom: 0;\n}\n\n.workgroup-progress {\n    margin-bottom: 8px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        margin-bottom: 0;\n    }\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n",".grading {\n}\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important;\n}\n\n.grading__item {\n  background-color: #ffffff;\n\n  .component {\n    padding: 0;\n  }\n}\n","// Variables\n$notebook-sidebar-width: 56px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\n.notes-visible {\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    .notebook-report-container {\n      right: 516px;\n      transition: right 250ms;\n    }\n  }\n}\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block;\n}\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: color('gray');\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0;\n}\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255,255,255,0.95);\n  border-top: 1px solid color('gray-lighter');\n\n  &:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n  }\n}\n\n.notebook-item__content--text-only {\n  &:after {\n    content: \"note\";\n    font-family: 'Material Icons';\n    font-weight: normal;\n    font-style: normal;\n    display: inline-block;\n    line-height: 1;\n    text-transform: none;\n    letter-spacing: normal;\n    word-wrap: normal;\n    white-space: nowrap;\n    direction: ltr;\n\n    /* Support for all WebKit browsers. */\n    -webkit-font-smoothing: antialiased;\n    /* Support for Safari and Chrome. */\n    text-rendering: optimizeLegibility;\n\n    /* Support for Firefox. */\n    -moz-osx-font-smoothing: grayscale;\n\n    /* Support for IE. */\n    font-feature-settings: 'liga';\n    //position: absolute;\n    font-size: 80px;\n    color: color('text-disabled');\n  }\n}\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\";\n}\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0;\n\n  md-icon {\n    font-size: 22px;\n  }\n}\n\n.notebook-item__edit {\n  cursor: pointer;\n}\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: color('gray-darkest');\n  border-bottom-left-radius: $card-border-radius;\n  border-bottom-right-radius: $card-border-radius;\n\n  md-icon {\n    color: #ffffff;\n  }\n}\n\n.notebook-item__text-input {\n  margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.notebook-item__attachment {\n  background-color: color('gray-light');\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative;\n}\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto;\n}\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  // TODO: generalize for on item buttons like this (delete attachment, etc)\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0;\n\n  md-icon {\n    margin-left: -2px;\n    font-size: 22px;\n  }\n}\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: lighten(color('accent-1'), 5%);\n\n  a, md-icon {\n    color: lighten(color('accent-1'), 5%);\n  }\n\n  md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto;\n  }\n}\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: color('gray-lighter');\n  margin-bottom: 16px;\n  color: color('text-secondary');\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms;\n\n  md-icon, span {\n    transition: color 250ms;\n  }\n\n  &:hover, &:focus, &.dragover {\n    border-color: color('accent');\n    background-color: lighten(color('accent'), 35%);\n    color: color('accent');\n\n    md-icon, span {\n      color: color('accent');\n    }\n  }\n}\n\n.view-notebook-item {\n  width: $layout-breakpoint-xs;\n}\n\n.view-notebook-item__content {\n}\n\n.notebook-item--report {\n  background-color: #ffffff;\n\n  .note-editor {\n    margin-bottom: 16px;\n    border-color: color('gray');\n  }\n}\n\n.notebook-item--report__container {\n  &.ui-scrollpoint {\n    .notebook-item--report__toolbar {\n      position: fixed;\n      top: ($wise-toolbar-height + $md-toolbar-height);\n      left: 0;\n      right: 0;\n      z-index: 1;\n\n      @media only screen and (min-width: $layout-breakpoint-xs) {\n        left: ($notebook-sidebar-width - 2);\n      }\n\n      @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 24px;\n      }\n\n      @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 32px;\n      }\n\n      .note-toolbar {\n        margin: 0 16px;\n\n        @media only screen and (min-width: $layout-breakpoint-xs) {\n          margin: 0 8px;\n        }\n\n        @media only screen and (min-width: $layout-breakpoint-sm) {\n          margin: 0 16px;\n        }\n      }\n    }\n\n    .note-editor {\n      padding-top: 40px;\n    }\n  }\n}\n\n.notebook-item--report__toolbar {\n  .note-toolbar {\n    background-color: color('gray-light');\n    border: 1px solid color('gray');\n    margin-bottom: -2px;\n  }\n}\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px;\n}\n\n.notebook-item--report__content {\n}\n\n.notebook-item--report__add-note {\n  font-weight: 700;\n}\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important;\n}\n\n.notebook-sidebar {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: 400px;\n    max-width: none;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    width: 500px;\n    max-width: none;\n  }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".annotations--grading {\n    md-input-container {\n        margin-bottom: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n\n    input, textarea {\n        //border-width: 0;\n        //background-color: color('text-light-secondary');\n\n        &:focus {\n            background-color: #ffffff;\n        }\n\n        &:disabled {\n            color: color('text');\n        }\n    }\n}\n\n.annotations--grading--revision {\n    margin: 8px 0 0;\n    padding: 8px;\n}\n\n.annotations--notebook {\n    margin-top: 16px;;\n}\n\n.annotations--grading__info {\n    font-style: italic;\n    margin: 8px 8px 4px;\n}\n\n.annotations--grading__item {\n    padding: 8px;\n}\n\n.annotations--grading__score {\n    input {\n        margin-top: 0 !important;\n        font-size: rem(1.8);\n        width: 52px;\n        text-align: center;\n    }\n}\n\n.annotations--grading__score__label {\n    transform: none !important;\n    width: auto;\n    display: block;\n    padding: 0;\n    margin: 0 8px 0 0;\n}\n\n.annotations--grading__score__max {\n    label {\n        display: none;\n    }\n}\n\n.annotations--grading__score__divider {\n    position: relative;\n    top: 12px;\n    margin-left: 4px;\n}\n\n.annotations--grading__auto-comment {\n    margin: 0 2px;\n}\n\n.annotations--grading__auto-comment__content {\n    margin-top: 8px;\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".component--grading {\n    padding: 0;\n    margin: 0;\n\n    &:not(:last-child) {\n        > div {\n            border-bottom: 1px solid color('gray-light');\n        }\n    }\n\n    .component__wrapper {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 16px;\n        margin: 0;\n    }\n}\n\n.component--grading__response {\n    padding-bottom: 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding-right: 16px;\n        padding-bottom: 0;\n    }\n}\n\n.component--grading__response__content {\n    overflow: auto;\n}\n\n.component--grading__annotations {\n    background-color: color('selected-bg');\n}\n\n.component--grading__annotations__divider {\n    padding: 4px;\n    background-color: #ffffff;\n}\n\n.component--grading__actions__info {\n    margin: 16px 0 0;\n    padding-top: 8px;\n    border-top: 1px solid color('gray-lighter');\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".component-revisions {\n    .component {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 0;\n    }\n\n    .component__wrapper {\n        margin: 16px 0;\n    }\n\n    .md-resize-handle {\n        display: none;\n    }\n}\n\n.component-revisions__item, md-list-item.component-revisions__item {\n    padding: 0;\n}\n\n.component-revisions__item--latest {\n    margin-bottom: 24px;\n}\n\n.component-revisions__item__text {\n\n}\n\n.component-revisions__annotation-label {\n    margin-right: 8px;\n}\n\n.component-revisions__has-auto-and-teacher {\n    padding-top: 8px;\n    margin-top: 8px;\n    border-top: 1px solid color('gray-light');\n}\n",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
diff --git a/src/main/webapp/wise5/themes/default/style/vle.css b/src/main/webapp/wise5/themes/default/style/vle.css
index ea9247aec5..2ca1058555 100644
--- a/src/main/webapp/wise5/themes/default/style/vle.css
+++ b/src/main/webapp/wise5/themes/default/style/vle.css
@@ -1,2 +1,2 @@
-body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1c8ca8}blockquote{background-color:#e7f7fb;padding:8px;margin:16px 0;border:solid #1c8ca8;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1c8ca8;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1c8ca8!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#f4fbfd}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#1c8ca8;background-color:#f4fbfd}.primary{color:#1c8ca8}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#f4fbfd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1c8ca8}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#f4fbfd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1c8ca8}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#f4fbfd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav{background-color:#eee!important}.l-node{margin-top:42px;padding:0}@media only screen and (min-width:600px){.l-node{padding:0 0 16px;background-color:#eee!important}}@media only screen and (min-width:960px){.l-node{padding:0 0 32px}}.l-notebook{margin-top:42px;background-color:#eee!important}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;transition:opacity .25s ease-in-out}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1c8ca8}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1c8ca8}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#f4fbfd}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1c8ca8}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #1c8ca8;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}notebook-launcher{position:absolute;bottom:24px;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}@media only screen and (min-width:960px){.notes-visible .notebook-report-container{right:516px;transition:right .25s}}.notebook-menu{transition:opacity .5s}.notebook-menu.ng-enter{opacity:0}.notebook-menu .ng-enter-active{opacity:1;transition-delay:.25s}.notebook-menu.ng-hide,.notebook-menu.ng-hide-add,.notebook-menu.ng-hide-add-active,.notebook-menu.ng-hide-remove,.notebook-menu.ng-hide-remove-active,.notebook-menu.ng-leave-active{opacity:0}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.view-notebook-item{width:600px}.notebook-item--report{background-color:#fff}.notebook-item--report .note-editor{margin-bottom:16px;border-color:#ccc}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{position:fixed;top:94px;left:0;right:0;z-index:1}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{left:54px;padding:0 24px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{padding:0 32px}}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 8px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}}.notebook-item--report__container.ui-scrollpoint .note-editor{padding-top:40px}.notebook-item--report__toolbar .note-toolbar{background-color:#ddd;border:1px solid #ccc;margin-bottom:-2px}.notebook-item--report__heading{text-align:center;margin-bottom:32px}.notebook-item--report__add-note{font-weight:700}.notebook-item--report__note-img{max-width:100%;height:auto!important}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}.notebook-items{width:100%;overflow:auto;padding-top:16px;padding-bottom:76px}.notebook-items .notebook-item{width:100%}.notebook-items .notebook-item__content{height:200px;min-width:0}.notebook-items--grading{margin-bottom:0}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#1c8ca8}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#1c8ca8}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
+body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1c8ca8}blockquote{background-color:#e7f7fb;padding:8px;margin:16px 0;border:solid #1c8ca8;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1c8ca8;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1c8ca8!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#f4fbfd}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#1c8ca8;background-color:#f4fbfd}.primary{color:#1c8ca8}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#f4fbfd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1c8ca8}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#f4fbfd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1c8ca8}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#f4fbfd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav{background-color:#eee!important}.l-node{margin-top:42px;padding:0}@media only screen and (min-width:600px){.l-node{padding:0 0 16px;background-color:#eee!important}}@media only screen and (min-width:960px){.l-node{padding:0 0 32px}}.l-notebook{margin-top:42px;background-color:#eee!important}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;transition:opacity .25s ease-in-out}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1c8ca8}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1c8ca8}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#f4fbfd}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1c8ca8}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #1c8ca8;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}notebook-launcher{position:absolute;bottom:24px;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}@media only screen and (min-width:960px){.notes-visible .notebook-report-container{right:516px;transition:right .25s}}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.view-notebook-item{width:600px}.notebook-item--report{background-color:#fff}.notebook-item--report .note-editor{margin-bottom:16px;border-color:#ccc}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{position:fixed;top:94px;left:0;right:0;z-index:1}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{left:54px;padding:0 24px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{padding:0 32px}}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 8px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}}.notebook-item--report__container.ui-scrollpoint .note-editor{padding-top:40px}.notebook-item--report__toolbar .note-toolbar{background-color:#ddd;border:1px solid #ccc;margin-bottom:-2px}.notebook-item--report__heading{text-align:center;margin-bottom:32px}.notebook-item--report__add-note{font-weight:700}.notebook-item--report__note-img{max-width:100%;height:auto!important}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#1c8ca8}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#1c8ca8}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
 /*# sourceMappingURL=vle.css.map */
diff --git a/src/main/webapp/wise5/themes/default/style/vle.css.map b/src/main/webapp/wise5/themes/default/style/vle.css.map
index a33e89ebad..b0cf054891 100644
--- a/src/main/webapp/wise5/themes/default/style/vle.css.map
+++ b/src/main/webapp/wise5/themes/default/style/vle.css.map
@@ -1 +1 @@
-{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/vle.css","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-node.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dragula.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,wBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBCQoB,CDPpB,eAAgB,CAChB,cElC8B,CFmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBCxDsB,CD4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,wBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,wBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,aCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,wBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNrB,+BAEQ,sBCnNiB,CDiNzB,yCAEQ,sBClN2B,CDgNnC,wCAEQ,sBCjN0B,CD+MlC,qCAEQ,WChN0B,CD8MlC,+CAEQ,yBC/MuC,CD6M/C,8CAEQ,yBC9MsC,CD4M9C,sCAEQ,cCrOgC,CDmOxC,gCAEQ,cC5MM,CD0Md,+BAEQ,sBCnNiB,CDiNzB,kCAEQ,WCzNa,CEXzB,eACE,gBAAiB,CACjB,iBAAkB,CAClB,cAAe,CACf,iBAAkB,CAElB,yBANF,eAOM,YCW2B,CDThC,CAED,kBACE,WCK8B,CDJ9B,cAAe,CEbjB,UACE,cAAe,CACf,QAAS,CACT,MAAO,CACP,OAAQ,CACR,SAAU,CACV,qBAAyB,CACzB,yBJIuB,CIAzB,gBACE,QAAS,CACT,aAAc,CACd,gBAAiB,CACjB,WAAY,CACZ,YAAa,CAGf,yBACE,gBAAiB,CCpBnB,UACI,SAAU,CADd,gBAIQ,uBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,qBAAsB,CAP9B,qBAWQ,cAAe,CACf,YAAa,CACb,aAAc,CACd,iBAAkB,CAElB,yCAhBR,qBAiBY,aAAc,CAMrB,CAvBL,sDAqBY,QAAc,CAKtB,yCA1BJ,6FA6BgB,cJlBkB,CImBrB,CC9Bb,QACE,qBNUuB,CMPzB,sBACE,eNmCwB,CMhC1B,SACE,yBAA2B,CAG7B,cACE,aAAc,CACd,WAAY,CACZ,iBAAkB,CAClB,MAAO,CACP,OAAQ,CACR,sBAAyB,CAEzB,yCARF,cASI,YAAa,CAuBhB,CAhCD,uBAaI,SAAU,CAbd,+BAiBI,SAAU,CACV,qBAAuB,CAlB3B,gLA8BI,SAAU,CAId,6BACE,WAAY,CAEZ,yCAHF,6BAII,gBAAiB,CACjB,YAAa,CAEhB,CAEC,yCCwZA,uCDvZE,gBAAiB,CACjB,iBAAkB,CAErB,CAED,cACE,YAAa,CADf,mDAMI,eAAgB,CAChB,YAAa,CACb,eAAgB,CAChB,cL3D8B,CK6D9B,yCAXJ,mDAYM,cL9D4B,CK+D5B,iBAAkB,CAErB,CAID,yCADF,oBAEI,cAAe,CAElB,CAED,0CAEE,YAAa,CAFf,kEAKI,gBAAiB,CAEjB,yCAPJ,kEAQM,aAAc,CACd,cAAe,CAElB,CAXH,0DAcI,0BAA2B,CAI/B,2FAEE,gBAAiB,CEzGnB,OACI,+BAA6C,CCDjD,QACE,eTuCwB,CStCxB,SAAU,CAEV,yCAJF,QAKI,gBAAiB,CACjB,+BAA6C,CAMhD,CAHC,yCATF,QAUI,gBAAiB,CAEpB,CCZD,YACI,eVuCsB,CUtCtB,+BAA6C,CCEjD,mBACE,+BAAoC,CACpC,uBAAmC,CAFrC,6BAKI,qBXQyB,CYpB7B,aACI,YAAa,CACb,SAAU,CACV,qBAAsB,CAG1B,uBACI,WAAY,CACZ,UAAW,CACX,YAAa,CACb,mBAAoB,CACpB,YAAa,CACb,SAAU,CAGd,uBACI,iBAAkB,CAClB,SAAU,CACV,eAAgB,CAGpB,eACI,OAAQ,CACR,QAAS,CACT,gCZFkC,CYGlC,mCZHkC,CYIlC,qBZJkC,CYDtC,qBAQQ,WAAY,CACZ,UAAc,CACd,OAAQ,CACR,UAAW,CACX,iBAAkB,CAClB,eAAgB,CAIxB,qBACI,kCAA0C,CAC1C,qCAA6C,CAGjD,yBACI,KAAM,CACN,OAAQ,CACR,2BZQoB,CYXxB,wCAMQ,qBAAsB,CACtB,kCAAmC,CAI3C,wBACI,KAAM,CACN,MAAO,CACP,0BZHoB,CYAxB,uCAMQ,qBAAsB,CACtB,mCAAoC,CAI5C,4BACI,QAAS,CACT,OAAQ,CACR,8BZdoB,CYWxB,2CAMQ,wBAAyB,CACzB,kCAAmC,CAI3C,2BACI,QAAS,CACT,MAAO,CACP,6BZzBoB,CYsBxB,0CAMQ,wBAAyB,CACzB,mCAAoC,CAI5C,qBACI,qBAAyB,CAG7B,2BACI,cAAe,CACf,oBAAqB,CC7FzB,WACE,wBAA0B,CAC1B,kBAAoB,CACpB,sBAAwB,CACxB,UAAY,CACZ,mCAAqC,CAEvC,SACE,sBAAwB,CAE1B,iBACE,kCAAoC,CACpC,+BAAiC,CACjC,8BAAgC,CAChC,0BAA4B,CAE9B,YACE,UAAY,CCjBd,UACI,WXkB4B,CWfhC,cACI,WXe4B,CWZhC,eACI,YXY6B,CYrBjC,aACI,iBfqDoB,CepDpB,eAAgB,CAEhB,yBAJJ,aAKQ,eAAuC,CAU9C,CAPG,yBARJ,aASQ,eAAuC,CAM9C,CAHG,0BAZJ,aAaQ,gBAAuC,CAE9C,CAOD,kDAJI,0BfoCoB,CenCpB,2BfTa,CeYjB,8BAGI,kBAAqB,CACrB,wBfhBa,CeYjB,8CAOQ,cAAe,CACf,aAAc,CACd,gBAAiB,CAIzB,sBACI,aAAc,CACd,gBAAiB,CACjB,gBAAiB,CAGrB,sBACI,6BfYoB,CeXpB,8BfWoB,CeRxB,qBACI,iBfOoB,CeLpB,QAAc,CACd,4CAAiD,CACjD,cdrC8B,CcsC9B,SAAU,CANd,uDASQ,iBAAkB,CAClB,UAAW,CACX,WAAY,CAXpB,0DAgBY,KAAM,CACN,SAAU,CAjBtB,kFAoBgB,gCfxDC,CeyDD,kCAAmC,CACnC,mCAAoC,CACpC,iBAAkB,CAClB,SAAU,CAxB1B,yFA4BgB,QAGuC,CA/BvD,4DAoCY,YAAa,CACb,SAAU,CArCtB,oFAwCgB,6Bf5EC,Ce6ED,kCAAmC,CACnC,mCAAoC,CACpC,iBAAkB,CAClB,SAAU,CA5C1B,2FAgDgB,QAGuC,CAnDvD,4DAwDY,QAAS,CACT,UAAW,CAzDvB,oFA4DgB,+BfhGC,CeiGD,oCAAqC,CACrC,iCAAkC,CAClC,iBAAkB,CAClB,MAAO,CACP,SAAU,CAjE1B,2FAqEgB,QAGqC,CAxErD,6DA6EY,QAAS,CACT,WAAY,CA9ExB,qFAiFgB,8BfrHC,CesHD,oCAAqC,CACrC,iCAAkC,CAClC,iBAAkB,CAClB,OAAQ,CACR,SAAU,CAtF1B,4FA0FgB,QAGqC,CCrIrD,iBACI,gBAAiB,CAGrB,4BACI,eAAgB,CAGpB,4CAEQ,cAAe,CAFvB,kDAMQ,YAAa,CAIrB,eACI,iBAAkB,CAGtB,yDAEQ,ahB7BgB,CgBiCxB,2DACI,WAAY,CACZ,wBhBvBsB,CgBwBtB,qBhBrBa,CgBsBb,iBAAkB,CAJtB,uEAOQ,qBAAyB,CAPjC,+EAWQ,qBhBxB+B,CgB4BvC,0CACI,UAAW,CAGf,2BACI,qBhBjCmC,CgBoCvC,yBACI,iBAAkB,CAClB,UAAW,CAFf,2CAKQ,+BAAwC,CAIhD,mCACI,OAjE8B,CAmE9B,4DACI,QAnEoC,CAuE5C,mCACI,UAzE8B,CA2E9B,4DACI,WAAsD,CAK9D,mHACI,eAAgB,CAChB,qBhBjEyB,CgB+D7B,6JAKQ,ahBvFgB,CgB2FxB,oBAEQ,sBAAuB,CACvB,eAAgB,CAChB,cAAe,CACf,eAAgB,CAChB,qBhB7E+B,CgBkFnC,yCADJ,wBAEQ,eAAgB,CAMvB,CAHG,yCALJ,wBAMQ,eAAgB,CAEvB,CAED,yCAEQ,qBAAyB,CAFjC,+DAKY,eAAgB,CAChB,qBhBxGa,CgB6GzB,gBACI,WhB5EiC,CgB2ErC,sBAIQ,WAAY,CACZ,UAAW,CACX,aAAc,CACd,YAAa,CACb,QAAc,CACd,cftH0B,CeuH1B,eAAgB,CCrIxB,OACE,cAAe,CACf,UAAW,CACX,eAAgB,CAChB,YAAa,CAJf,kHAYM,qBjBIW,CiBHX,WAAY,CACZ,chBA4B,CgBC5B,eAAgB,CAChB,WAAY,CACZ,cAAe,CACf,kBAAmB,CAlBzB,6BAwBI,wBjBXsB,CiBYtB,SAAU,CACV,kBAAmB,CA1BvB,0BA8BI,QAAS,CA9Bb,yBAkCI,YAAa,CAIjB,4BAGM,gBAAiB,CAKvB,mBACE,UAAW,CAGb,aACE,QAAc,CACd,wBAAyB,CACzB,qBAAyB,CACzB,cAAe,CACf,aAAc,CALhB,gCASI,aAAc,CACd,QAAc,CAVlB,gBAcI,eAAgB,CAChB,WAAY,CAfhB,0BAoBM,iBAAkB,CAClB,eAAgB,CAChB,UAAW,CACX,mBAAoB,CACpB,iBAAkB,CAClB,eAAmB,CAKzB,mBACE,ed9D8B,CckE9B,yCADF,mBAEI,eAAgB,CAEnB,CAED,oBACE,chB7EgC,CgB8EhC,eAAgB,CAGlB,wBACE,WAAY,CACZ,QAAS,CAGX,wBACE,wBjBnFsB,CiBoFtB,UjB/EoC,CiBgFpC,ejB5DwB,CiB6DxB,WjB7DwB,CiBgE1B,0BACE,UAAc,CACd,mBAAoB,CACpB,QAAS,CACT,WAAY,CACZ,kBAAmB,CACnB,eAAgB,CAChB,UAAW,CAGb,0BACE,QAAS,CAGX,mCACE,wBAAyB,CAG3B,UACE,eAAgB,CAChB,kBAAmB,CACnB,eAAgB,CAIhB,yCADF,eAEI,eAAgB,CAChB,eAAgB,CAChB,sBAAuB,CACvB,kBAAmB,CAEtB,CC1ID,kBACI,cAAe,CADnB,2HAWY,WAAY,CAKxB,kBACI,elB0BsB,CkB3B1B,oCAIQ,WlBuBkB,CkBtBlB,elBsBkB,CkB3B1B,4CASQ,WlBkBkB,CkBjBlB,gBlBiBkB,CkBhBlB,UlBgBkB,CkBZ1B,wCAEQ,aAAc,CACd,cjBpB0B,CiBwBlC,qBACI,+BAAkD,CADtD,uCAIQ,cjB5B0B,CiB6B1B,eAAgB,CAIxB,SACI,cAAe,CACf,MAAO,CACP,OAAQ,CACR,Qf5CoB,Ce6CpB,SAAU,CAGd,gBACI,eAAgB,CAChB,cjB3C8B,CiB4C9B,eAAgB,CAGpB,gBACI,iBAAkB,CXk5BtB,0BW/4BI,kBAAmB,CACnB,gBAAiB,CAGrB,sCACI,QAAS,CAGb,4CACI,YAAa,CACb,eAAgB,CAChB,wBlB/DsB,CkB4D1B,8EAMQ,WAAY,CACZ,eAAgB,CX+4BxB,kGWz4BU,gBAAiB,CAK3B,6BACI,WAAY,CAEZ,yCAHJ,6BAIQ,WAAY,CAMnB,CAHG,yCAPJ,6BAQQ,WAAY,CAEnB,CCrGD,WACI,qBAAyB,CACzB,4BnBYqB,CmBdzB,iDAKQ,qBnBeqB,CmBdrB,qBAAyB,CANjC,iEASY,qBAAsB,CATlC,yFAaY,SAAU,CAbtB,uEAiBY,gBAAiB,CAjB7B,yBAsBQ,YAAa,CAIrB,kGAEQ,uCAA+C,CAC/C,gBAAiB,CAIzB,kGAIQ,uCAA+C,CAC/C,gBAAiB,CAIzB,qBACI,qBAAsB,CAG1B,kDACI,cAAe,CACf,wBnBnCsB,CmBsC1B,oBACI,uBAAyB,CAG7B,6BACI,mBAAoB,CACpB,UAAW,CACX,gBAAiB,CACjB,QAAS,CACT,kBAAmB,CACnB,eAAgB,CAChB,eAAgB,CAGpB,WACI,clBpD8B,CmBdlC,KACI,iBAAkB,CAGtB,KACI,kBAAmB,CAGvB,UACI,iBAAkB,CAClB,KAAM,CACN,QAAS,CACT,MAAO,CACP,OAAQ,CACR,gCAAkC,CAClC,SAAU,CAPd,kBAUQ,SAAU,CAIlB,UACI,qBpBFmC,CoBGnC,eAAgB,CAFpB,kBAKQ,gBAAiB,CAIzB,oBACI,oBAAqB,CAGzB,qBACI,qBpBrBmB,CoBsBnB,WAAY,CAOhB,wCACI,SAAU,CAEV,yBAHJ,oBAIQ,WAAY,CAEnB,CAED,UACI,mCAAqC,CADzC,4BAKY,wBAKG,CAKf,yBACI,2BpBdoB,CoBepB,0BpBfoB,CoBaxB,+BAKQ,YAAa,CALrB,qDAQY,6BpB3DK,CoBgEjB,gBACI,qCAA0C,CAD9C,yBAIQ,eAAgB,CAEhB,cAAe,CACf,yBAA2B,CAC3B,eAAgB,CAChB,gBAAiB,CATzB,uCAYY,YAAa,CAYzB,2BACI,oBAAqB,CACrB,oBAAqB,CAGzB,yBACI,eAAgB,CAChB,qBpBzFkC,CoBgGtC,sCAEQ,4IACsF,CAI9F,oBACI,QAAS,CAGb,gBACI,yBpBnHmB,CoBoHnB,8BpB7EoB,CoB8EpB,6BpB9EoB,CoB+EpB,gBAAiB,CACjB,eAAgB,CAGpB,iBACI,WAAY,CACZ,cAAe,CACf,UAAc,CACd,QAAS,CACT,eAAgB,CALpB,yBAQQ,iBAAkB,CAClB,UAAc,CATtB,oEAcY,wBpB5IQ,CoBiJpB,iBACI,iBAAkB,CAClB,eAAgB,CAChB,eAAgB,Cbk+BpB,2Ba/9BI,iBAAkB,CAClB,kBAAmB,CAGvB,gBACI,aAAc,CAGlB,oBACI,UAAW,CADf,kCAIQ,KAAM,CAId,0BACI,eAAgB,CAChB,UAAW,CAGf,kBACI,aAAc,CACd,cAAe,CCrLnB,eACI,iBAAkB,CAClB,QAAS,CACT,UAAW,CAHf,oBAMQ,wBAAoC,CACpC,gBAAiB,CdkpCzB,yBc9oCE,UAAU,CACV,SAAS,CAOX,oBACI,eAAgB,CAEhB,cpBZ8B,CoBelC,oBACI,yBAA2B,CAC3B,2BAA6B,CAC7B,gBAAiB,CAGrB,wDAEQ,arBpCgB,CqBwCxB,cACI,iBAAkB,CAClB,QAA8C,CAC9C,QAAS,CACT,MAAO,CACP,qBAAsB,CACtB,UA9CqB,CA+CrB,eAAgB,CAChB,aAAc,CACd,iBAAkB,CAClB,2BrBnCa,CqBqCb,yCAZJ,cAaQ,YAAa,CAEpB,CdooCD,wBcloCE,OAAO,CACP,SAAS,CAGX,6CACI,cAAe,CACf,iBAAkB,CChEtB,QACE,iBAAkB,CAClB,WAAY,CACZ,gCAAkC,CAClC,UAAW,CAEX,yBANF,QAOI,aAAc,CACd,iBtBiDsB,CsBhDtB,gBAAiB,CAEpB,CCLD,MACI,aAAc,CACd,iBAAkB,CAClB,MAAO,CACP,OAAQ,CAER,yCANJ,MAQQ,iBAAkB,CAClB,kBAAmB,CAe1B,CAZG,yCAZJ,MAaQ,YAAa,CAWpB,CAxBD,eAiBQ,sBAAuB,CACvB,SAAU,CAlBlB,sBAsBQ,SAAU,CAOd,yCADJ,aAEQ,eAAgB,CAChB,kBAAmB,CAM1B,CAHG,yCANJ,aAOQ,gBAAiB,CAExB,CAED,cACI,gBAAiB,CACjB,qBAAyB,CACzB,iBvBSsB,CuBRtB,gBAAiB,CAEjB,yCANJ,cAOQ,eAAgB,CAQvB,CALG,yCAVJ,cAWQ,SAAU,CACV,oBAAqB,CACrB,uBAAwB,CAE/B,CAED,wBAEQ,qBAAyB,CAIjC,sBACI,iBAAkB,CAClB,SAAU,CACV,MAAO,CACP,OAAQ,CACR,SAAU,CALd,oCAQQ,oBAAsB,CAEtB,yCAVR,oCAWY,mBAAqB,CAE5B,CAGL,WACI,UAAc,CACd,sBAAuB,CAG3B,aACI,YAAa,CACb,WAAY,CACZ,eAAgB,CAChB,ctB/E8B,CsB2ElC,2CAQY,uBAA6B,CAC7B,UAAW,CATvB,oGAiBY,YAAa,CAjBzB,6BAsBQ,aAAc,CACd,qBvB5FqB,CuBgG7B,2BAEI,wBvBzGsB,CuB0GtB,4BvBzGqB,CuB0GrB,yBvB1GqB,CuB6GzB,0BACI,iBAAkB,CAGtB,mBACI,gBAAiB,CAGrB,qBACI,eAAgB,CAGpB,mBACI,sBAAuB,CACvB,kBAAmB,CACnB,eAAgB,CAEhB,yCALJ,mBAMQ,cAAe,CAEtB,CAED,YACI,eAAgB,CAChB,mBAAoB,CACpB,cAAe,CAEf,yCALJ,YAMQ,ctBzI0B,CsB2IjC,CAED,uBACI,mBAAoB,CAEpB,yCAHJ,uBAIQ,mBAAoB,CAc3B,CAXG,0CAPJ,uBAQQ,mBAAoB,CAU3B,CAlBD,8CAYQ,aAAc,CAZtB,6CAgBQ,cAAe,CAIvB,6BACI,iBAAkB,CAClB,eAAgB,CAChB,qBvB7JmC,CuBgKvC,6BACI,wBAAyB,CAG7B,iDAKQ,cAAe,CAKnB,yCADJ,qBAEQ,iBAAuC,CAE9C,CAGG,yCADJ,sBAEQ,kBvB/JkB,CuBiKzB,CAED,cACI,iBAAkB,CAClB,OAAQ,CACR,KAAM,CACN,UpB3MoB,CoB8MxB,uBACI,cAAe,CACf,UpBhNoB,CoBiNpB,qBAAyB,CACzB,aAAc,CACd,iBvBjKsB,CuBmKtB,yCAPJ,uBAQQ,OAAQ,CACR,QAAS,CACT,MAAO,CACP,UAAW,CACX,eAAgB,CAChB,SAAU,CACV,YAAa,CACb,WvBzLkB,CuB2LzB,CAID,WACI,QAAS,CAET,yCAHJ,WAIQ,YAAa,CACb,eAAgB,CAsBvB,CA3BD,oBASQ,gBAAiB,CACjB,iBAAkB,CAV1B,kCAeY,gBAAiB,CAf7B,mFAoBQ,gBAAiB,CACjB,iBAAkB,CArB1B,+BAyBQ,YAAa,CAIrB,aACI,wBvBvQoB,CuBwQpB,oBAAqB,CACrB,YAAa,CACb,qBAAyB,CAO7B,iCACI,qBAAsB,CACtB,oBAAqB,CChRzB,kBACE,iBAAkB,CAClB,WAAY,CACZ,UAAW,CAEX,yCALF,mCAOM,UAAW,CACZ,CAKH,yCADF,0CAGM,WAAY,CACZ,qBAAuB,CACxB,CAIL,eACE,sBAAyB,CAD3B,wBAII,SAAU,CAJd,gCAQI,SAAU,CACV,qBAAuB,CAT3B,sLAkBI,SAAU,CAId,eACE,0BAA4B,CAC5B,kBAAmB,CACnB,aAAc,CAGhB,wBACE,YAAa,CACb,eAAgB,CAChB,iBAAkB,CAClB,SAAU,CACV,qBxB1Ce,CwB2Cf,0BxBLsB,CwBMtB,2BxBNsB,CwBSxB,kEACE,iBAAkB,CAClB,MAAO,CACP,OAAQ,CAGV,oCACE,qCAAuC,CACvC,0BxBjBsB,CwBkBtB,2BxBlBsB,CwBmBtB,iCAA0C,CAC1C,+BAAiC,CACjC,KAAM,CACN,QAAS,CAGX,8BACE,QAAS,CACT,WAAY,CACZ,eAAgB,CAChB,eAAgB,CAChB,gBAAiB,CACjB,eAAgB,CAChB,oCAAwC,CACxC,yBxBzEuB,CwBiEzB,oCAWI,UAAW,CACX,gBAAiB,CACjB,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,UAAW,CACX,WAAa,CACb,6EAAiF,CAIrF,yCAEI,cAAe,CACf,0BAA6B,CAC7B,eAAmB,CACnB,iBAAkB,CAClB,oBAAqB,CACrB,aAAc,CACd,mBAAoB,CACpB,qBAAsB,CACtB,gBAAiB,CACjB,kBAAmB,CACnB,aAAc,CAGd,kCAAmC,CAEnC,iCAAkC,CAGlC,iCAAkC,CAGlC,4BAA6B,CAE7B,cAAe,CACf,qBxBzGkC,CwB6GtC,6CACE,mBAAoB,CAGtB,kCACE,UAAY,CACZ,aAAc,CAFhB,0CAKI,cAAe,CAInB,qBACE,cAAe,CAGjB,wBACE,QAAS,CACT,aAAc,CACd,UAAc,CACd,qBxBrIuB,CwBsIvB,6BxBnGsB,CwBoGtB,8BxBpGsB,CwB8FxB,gCASI,UAAc,CAIlB,2BACE,QAAS,CAGX,qCACE,cAAe,CACf,eAAgB,CAGlB,2BACE,qBxB5JqB,CwB6JrB,YAAa,CACb,kBAAmB,CACnB,iBAAkB,CAClB,iBAAkB,CAGpB,oCACE,cAAe,CACf,WAAY,CAGd,mCACE,iBAAkB,CAClB,OAAQ,CACR,UAAW,CAEX,oBAAsB,CACtB,qBAAuB,CACvB,YAAa,CAPf,2CAUI,gBAAiB,CACjB,cAAe,CAInB,qBACE,iBAAkB,CAClB,UAAW,CACX,aAAqC,CAHvC,oDAMI,aAAqC,CANzC,6BAUI,eAAgB,CAChB,WAAY,CACZ,UAAW,CAIf,uBACE,iBAAkB,CAClB,YAAa,CACb,qBxB3MuB,CwB4MvB,kBAAmB,CACnB,qBxBtMqC,CwBuMrC,iBAAkB,CAClB,cAAe,CACf,6BAA8B,CAC9B,mBAAqB,CATvB,2DAYI,qBAAuB,CAZ3B,0FAgBI,oBxBhOe,CwBiOf,wBAA+C,CAC/C,axBlOe,CwBgNnB,2NAqBM,axBrOa,CwB0OnB,oBACE,WrB9N8B,CqBoOhC,uBACE,qBAAyB,CAD3B,oCAII,kBAAmB,CACnB,iBxB5Oa,CwBgPjB,iFAGM,cAAe,CACf,QAAgD,CAChD,MAAO,CACP,OAAQ,CACR,SAAU,CAEV,yCATN,iFAUQ,SAAmC,CAInC,cAJmC,CAsBtC,CAfC,yCAjBN,iFAkBQ,cAAe,CAclB,CAhCL,+FAsBQ,aAAc,CAEd,yCAxBR,+FAyBU,YAAa,CAMhB,CAHC,yCA5BR,+FA6BU,aAAc,CAEjB,CA/BP,8DAmCM,gBAAiB,CAKvB,8CAEI,qBxB3RmB,CwB4RnB,qBxB3Ra,CwB4Rb,kBAAmB,CAIvB,gCACE,iBAAkB,CAClB,kBAAmB,CAMrB,iCACE,eAAgB,CAGlB,iCACE,cAAe,CACf,qBAAuB,CAIvB,yCADF,kBAEI,WAAY,CACZ,cAAe,CAOlB,CAJC,yCANF,kBAOI,WAAY,CACZ,cAAe,CAElB,CAED,gBACE,UAAW,CACX,aAAc,CACd,gBAAiB,CACjB,mBAAoB,CAJtB,+BAOI,UAAW,CAPf,wCAWI,YAAa,CACb,WAAY,CAIhB,yBACE,eAAgB,CAGlB,yCACE,6EAEI,qBAA6C,CAC9C,CAIL,kBACE,qBAAyB,CACzB,aAAc,CC3WhB,kBACI,oBAAsB,CAD1B,0BAIQ,gBAAiB,CAIzB,oBACI,iBAAkB,CAClB,iBAAkB,CAClB,wBzBLe,CyBMf,UAAW,CACX,QAAS,CACT,WAAY,CACZ,gBAAiB,CACjB,cAAe,CACf,eAAgB,CAChB,gBAAiB,CAVrB,2BAaQ,UAAW,CACX,iBAAkB,CAClB,UAAW,CACX,OAAQ,CACR,yCAA6C,CAC7C,gCAAiC,CACjC,mCAAoC,CAI5C,mBACI,aAAc,CAGlB,sBACI,WAAY,CAGhB,6BACI,eAAgB,CAGpB,kPAIQ,qBzB1B+B,CyB2B/B,cxBlC0B,CwB6BlC,0QAQY,cxBrCsB,CwBsCtB,WAAY,CACZ,UAAW,CACX,gBAAiB,CACjB,gBxBzCsB,CyBdlC,cACI,iB1BqDoB,C0BpDpB,SAAU,CACV,czBW8B,CyBV9B,eAAgB,CAEhB,0BANJ,cAOQ,yBAA2B,CAOlC,CAdD,iBAWQ,QAAS,CACT,eAAgB,CAIxB,4BACI,Y1BiCyE,C0B9B7E,2BACI,WAAY,CAEZ,yBAHJ,2BAIQ,WAAY,CAEnB,CAED,oBACI,qB1BNkC,C0BOlC,iBAAkB,CAGtB,qBACI,iBAAkB,CAClB,UAAW,CACX,QAAS,CACT,YAAa,CAJjB,4BAOQ,UAAW,CACX,iBAAkB,CAClB,4BAA6B,CAC7B,iCAAkC,CAClC,kCAAmC,CAI3C,+DACI,UAAW,CAGf,+CACI,WAAY,CnBsrDhB,+BmBjrDI,UAAW,CACX,SAAU,CnBorDd,mFmBjrDI,SAAS,CACT,UAAU,CnBorDd,yDmBjrDM,UAAW,CACX,UAAU,CAIhB,oBACI,gBAAiB,CAGrB,2BACI,eAAgB,CAGpB,0BACI,eAAgB,CAChB,qB1B5DmC,C0B+DvC,uDAIQ,SAAU,CAJlB,6CAOY,gBAAiB,CACjB,WAAY,CACZ,UAAW,CAKvB,2CAEQ,wBAAyB,CACzB,UAAW,CAInB,qBACI,iBAAkB,CAClB,gBAAiB,CAFrB,6BAKQ,a1BnFU,C0BuFlB,8BACI,iBAAkB,CAClB,KAAM,CACN,UAAW,CACX,mCAA0C,CAG9C,uBACI,wB1B7GsB,C0BgH1B,uBACI,YAAa,CC9HjB,aACI,yBAA0B,CAC1B,iBAAkB,CAClB,c1BW8B,C0BdlC,gBAMQ,iBAAkB,CAClB,4BAA6B,CAPrC,mBAWQ,UAAW,CACX,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,UAAW,CACX,UAAW,CACX,KAAQ,CACR,WAAY,CACZ,iCAAkC,CAClC,oCAAqC,CACrC,+B3BHgB,C2BOxB,wCACI,yB3BXmB,C2BcvB,qBACI,YAAa,CACb,eAAgB,CAGpB,qBACI,iBAAkB,CAElB,2BAA4B,CAC5B,iBAAkB,CAClB,eAAgB,CAChB,iBAAkB,CAClB,UAAc,CACd,wB3BxBoB,C2B2BxB,qBACI,wB3BxCe,C2ByCf,WAAY,CACZ,iBAAkB,CAClB,KAAM,CACN,UAAW,CAGf,mBACI,iBAAkB,CAClB,UAAc,CAGlB,mBACI,YAAa,CACb,qBAAyB,CACzB,6B3BPoB,C2BQpB,8B3BRoB,C2BSpB,aAAc,CAGlB,qBACI,qBAAyB,CACzB,a3B1Da,C2B2Db,oBAAqB,CACrB,eAAgB,CAChB,c1BzD8B,C0BoDlC,4DAQQ,iBAAkB,CAR1B,4EAYQ,SAAS,CAZjB,4EAgBQ,SAAS,CAIjB,oBACI,eAAgB,CAGpB,mBACI,iBAAkB,CAClB,UAAY,CACZ,wBAAyB,CACzB,c1BhF8B,C0BmFlC,kCAEQ,gBAAiB,CAKzB,mBACI,kBAAmB,CACnB,gBAAiB,CACjB,gBAAiB,CAEjB,yCALJ,mBAMQ,0BAA2B,CAclC,CApBD,yBAUQ,+B3BxGS,C2B8FjB,wCAcQ,qBAAyB,CAdjC,wCAkBQ,wB3BhHS,C4BVjB,WACI,iBAAkB,CAGtB,oBACI,cAAe,CACf,aAAc,CAGlB,oBACI,eAAgB,CAChB,c3BG8B,C2BF9B,iBAAkB,CAElB,yCALJ,oBAMQ,aAAc,CAErB,CAED,uCACI,gBAAiB,CACjB,QAAS,CACT,c3BR8B,C2BWlC,mBACI,iBAAkB,CAClB,UAAW,CACX,QAAS,CAGb,yCAGY,mBAAqB,CACrB,cAAe,CACf,WAAY,CALxB,8FAUgB,8B5BnCG,C4B0CnB,2CAEQ,aAAc,CAFtB,0CAMQ,cAAe,CAIvB,0BACI,iBAAkB,CAClB,eAAgB,CAEhB,qB5BzCmC,C4B4CvC,0BACI,wBAAyB,CAG7B,mBACI,iBAAkB,CAClB,eAAgB,CAGpB,4BACI,cAAe,CAGnB,uBACI,iBAAkB,CAClB,YAAa,CACb,kBAAmB,CAEnB,yCALJ,uBAMQ,eAAgB,CAEvB,CAGG,yCADJ,2BAEQ,UAAW,CAElB,CAED,gCACI,gBAAiB,CACjB,UAAW,CAGf,+BACI,iBAAkB,CAClB,KAAM,CACN,OAAQ,CACR,WAAY,CACZ,8CAAsD,CACtD,eAAgB,CAChB,WAAY,CACZ,QAAS,CARb,uCAeQ,YAAa,CAIrB,qBACI,YAAa,CACb,WAAY,CAFhB,oCAKQ,wB5B9GkB,C4BkH1B,8BACI,iBAAoB,CACpB,4B5BlHmB,C4BqHvB,8BACI,a5BnHoB,C4BoHpB,eAAgB,CCnIpB,gCACI,eAAgB,CAGpB,oBACI,qB7BMqB,C6BJrB,6B7BOkB,C6BJtB,kBACI,qBAAsB,CAEtB,0CAHJ,kBAIQ,mBAAoB,CAE3B,CAED,iBACI,kBAAmB,CACnB,e1BJ4B,C0BM5B,yCAJJ,iBAKQ,kBAAmB,CAY1B,CATG,0CARJ,iBASQ,kBAAmB,CAQ1B,CAjBD,4BAcQ,iBAAkB,CAClB,UAAW,CAInB,2BACI,YAAa,CAGjB,yEACI,gBAAiB,CAGrB,uFACI,cAAe,CAInB,gFACI,kBAAmB,CACnB,eAAgB,CAChB,eAAgB,CAChB,gBAAiB,CACjB,kBAAmB,CAGvB,uBACI,U7B7CkB,C6BgDtB,8BACI,eAAgB,CAChB,eAAgB,CAGpB,0BACI,eAAgB,CAChB,oBAAqB,CAGzB,6BACI,cAAe,CACf,qBAAuB,CACvB,eAAgB,CAGpB,gBACI,qBAAyB,CACzB,eAAgB,CAChB,gBAAiB,CACjB,iBAAkB,CAClB,WAAY,CACZ,mBAAqB,CACrB,oBAAsB,CAG1B,yBACI,kBAAmB,CAGvB,mDACI,QAAS,CACT,SAAU,CAFd,qEAKQ,eAAgB,CAIxB,2FACI,WAAY,CACZ,QAAc,CAGlB,yBACI,aAAc,CADlB,kDAKY,aAAc,CAL1B,iDASY,cAAe,CAK3B,4BACI,SAAU,CACV,cAAe,CAGnB,qCACI,YAAa,CACb,kBAAmB,CAGvB,qBACI,SAAU,CAGd,+BACI,wB7B7HsB,C6BgI1B,6BACI,4BAA6B,CAC7B,SAAU,CAFd,iDAKQ,kBAAmB,CAI3B,2BACI,SAAU,CACV,iBAAkB,CAClB,eAAgB,CAEhB,yCALJ,2BAMQ,gBAAiB,CAExB,CAED,2GACI,qBAAyB,CACzB,WAAY,CACZ,cAAqC,CACrC,QAAc,CACd,gBAAiB,CACjB,eAAgB,CAChB,WAAY,CAGhB,gDACI,iBAAkB,CAClB,SAAU,CACV,eAAgB,CAGpB,uFACI,YAAa,CAGjB,8FACI,cAAqC,CACrC,SAAU,CACV,QAAS,CAGb,4BACI,cAAe,CADnB,8BAIQ,yBAA2B,CAC3B,+BAA+B,CAIvC,sBACI,WAAY,CAGhB,uCACI,aAAc,CACd,QAAS,CAFb,yDAKQ,YAAa,CAIrB,+BACI,eAAgB,CADpB,0CAIQ,YAAa,CACb,eAAgB,CCjNxB,0BACI,QAAc,CCLlB,cACI,eAAgB,CAChB,eAAgB,CAGpB,gBACI,YAAa,CACb,aAAc,CAGd,iBAAqB,CAArB,kBAAqB,CAArB,kBAAqB,CCPzB,eACI,qBhCUqB,CgCTrB,kBAAmB,CACnB,WAAY,CACZ,6BhCUkB,CgCPtB,eACI,mBAAoB,CAIpB,yCADJ,2BAEQ,YAAa,CAEpB,CAED,sBACI,YAAa,CACb,eAAgB,CAChB,ahCtBoB,CgCyBxB,uBACI,SAAU,CAGd,6CAEQ,ahCzBa,CgC6BrB,wBACI,gBAAiB,CAEjB,iBAAkB,CAClB,qBhCzBmB,CgC0BnB,gCAAkC,CAClC,6BhCYoB,CgCXpB,8BhCWoB,CgCTpB,mBAAe,CAAf,cAAe,CAEf,yCAXJ,wBAYQ,6BAA0B,CAA1B,wBAA0B,CAOjC,CAnBD,4BAgBQ,cAAe,CACf,WAAY,CAIpB,8BACI,wBhCzDoB,CgC4DxB,oBACI,oBAAqB,CACrB,WAAY,CACZ,eAAgB,CAChB,8BAAmB,CAAnB,kBAAmB,CAOvB,8BACI,qBAAyB,CACzB,qBAAuB,CACvB,qBhC3Da,CgCwDjB,iDAMQ,UAAW,CAInB,oCACI,gBAAiB,CAGrB,gBACI,uBAAyB,CAGzB,oBAAqB,CACrB,UAAc,CACd,eAAgB,CANpB,wBASQ,SAAU,CACV,sBAAuB,CAV/B,wBAcQ,UAAc,CCpGtB,wBAEI,qBjCYqB,CiCRzB,yBACE,cAAe,CACf,cAAe,CAFjB,2BAKI,eAAgB,CAChB,kBAAmB,CACnB,eAAgB,CAChB,sBAAuB,CACvB,oBAAqB,CCfzB,6BAEQ,YAAa,CAGjB,yCALJ,kBAMQ,yBlCSe,CkCPtB,CAED,4BACI,iBAAkB,CAClB,WAAY,CAFhB,gDAKQ,qBAAyB,CAIjC,4BACI,iBAAkB,CAGtB,6BACE,WAAW,C3ButEb,uC2BntEE,UAAU,CC5BZ,UACE,aAAc","file":"vle.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #1C8CA8; }\n\nblockquote {\n  background-color: #e7f7fb;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1C8CA8;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #1C8CA8;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1C8CA8 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: #f4fbfd; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1C8CA8;\n  background-color: #f4fbfd; }\n\n.primary {\n  color: #1C8CA8; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: #f4fbfd; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #1C8CA8; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: #f4fbfd; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #1C8CA8; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: #f4fbfd; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-node {\n  margin-top: 42px;\n  padding: 0; }\n  @media only screen and (min-width: 600px) {\n    .l-node {\n      padding: 0 0 16px;\n      background-color: #eeeeee !important; } }\n  @media only screen and (min-width: 960px) {\n    .l-node {\n      padding: 0 0 32px; } }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out; }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1C8CA8; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #1C8CA8; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: #f4fbfd;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1C8CA8; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #1C8CA8;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px; }\n  @media only screen and (min-width: 600px) {\n    notebook-launcher.md-button.md-fab {\n      z-index: 61; } }\n\n@media only screen and (min-width: 960px) {\n  .notes-visible .notebook-report-container {\n    right: 516px;\n    transition: right 250ms; } }\n\n.notebook-menu {\n  transition: opacity 500ms; }\n  .notebook-menu.ng-enter {\n    opacity: 0; }\n  .notebook-menu .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .notebook-menu.ng-leave-active, .notebook-menu.ng-hide {\n    opacity: 0; }\n  .notebook-menu.ng-hide-add, .notebook-menu.ng-hide-add-active, .notebook-menu.ng-hide-remove, .notebook-menu.ng-hide-remove-active {\n    opacity: 0; }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.view-notebook-item {\n  width: 600px; }\n\n.notebook-item--report {\n  background-color: #ffffff; }\n  .notebook-item--report .note-editor {\n    margin-bottom: 16px;\n    border-color: #cccccc; }\n\n.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n  position: fixed;\n  top: 94px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      left: 54px; } }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 24px; } }\n  @media only screen and (min-width: 960px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 32px; } }\n  .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n    margin: 0 16px; }\n    @media only screen and (min-width: 600px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 8px; } }\n    @media only screen and (min-width: 960px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 16px; } }\n\n.notebook-item--report__container.ui-scrollpoint .note-editor {\n  padding-top: 40px; }\n\n.notebook-item--report__toolbar .note-toolbar {\n  background-color: #dddddd;\n  border: 1px solid #cccccc;\n  margin-bottom: -2px; }\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px; }\n\n.notebook-item--report__add-note {\n  font-weight: 700; }\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n.notebook-items {\n  width: 100%;\n  overflow: auto;\n  padding-top: 16px;\n  padding-bottom: 76px; }\n  .notebook-items .notebook-item {\n    width: 100%; }\n  .notebook-items .notebook-item__content {\n    height: 200px;\n    min-width: 0; }\n\n.notebook-items--grading {\n  margin-bottom: 0; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #1C8CA8; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #1C8CA8; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-node {\n  margin-top: $wise-toolbar-height;\n  padding: 0;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    padding: 0 0 16px;\n    background-color: color('body-bg') !important;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 0 0 32px;\n  }\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n",".gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out;\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 56px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\n.notes-visible {\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    .notebook-report-container {\n      right: 516px;\n      transition: right 250ms;\n    }\n  }\n}\n\n.notebook-menu {\n  transition: opacity 500ms;\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active, &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add, &.ng-hide-add-active,\n  &.ng-hide-remove, &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block;\n}\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: color('gray');\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0;\n}\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255,255,255,0.95);\n  border-top: 1px solid color('gray-lighter');\n\n  &:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n  }\n}\n\n.notebook-item__content--text-only {\n  &:after {\n    content: \"note\";\n    font-family: 'Material Icons';\n    font-weight: normal;\n    font-style: normal;\n    display: inline-block;\n    line-height: 1;\n    text-transform: none;\n    letter-spacing: normal;\n    word-wrap: normal;\n    white-space: nowrap;\n    direction: ltr;\n\n    /* Support for all WebKit browsers. */\n    -webkit-font-smoothing: antialiased;\n    /* Support for Safari and Chrome. */\n    text-rendering: optimizeLegibility;\n\n    /* Support for Firefox. */\n    -moz-osx-font-smoothing: grayscale;\n\n    /* Support for IE. */\n    font-feature-settings: 'liga';\n    //position: absolute;\n    font-size: 80px;\n    color: color('text-disabled');\n  }\n}\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\";\n}\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0;\n\n  md-icon {\n    font-size: 22px;\n  }\n}\n\n.notebook-item__edit {\n  cursor: pointer;\n}\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: color('gray-darkest');\n  border-bottom-left-radius: $card-border-radius;\n  border-bottom-right-radius: $card-border-radius;\n\n  md-icon {\n    color: #ffffff;\n  }\n}\n\n.notebook-item__text-input {\n  margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.notebook-item__attachment {\n  background-color: color('gray-light');\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative;\n}\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto;\n}\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  // TODO: generalize for on item buttons like this (delete attachment, etc)\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0;\n\n  md-icon {\n    margin-left: -2px;\n    font-size: 22px;\n  }\n}\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: lighten(color('accent-1'), 5%);\n\n  a, md-icon {\n    color: lighten(color('accent-1'), 5%);\n  }\n\n  md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto;\n  }\n}\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: color('gray-lighter');\n  margin-bottom: 16px;\n  color: color('text-secondary');\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms;\n\n  md-icon, span {\n    transition: color 250ms;\n  }\n\n  &:hover, &:focus, &.dragover {\n    border-color: color('accent');\n    background-color: lighten(color('accent'), 35%);\n    color: color('accent');\n\n    md-icon, span {\n      color: color('accent');\n    }\n  }\n}\n\n.view-notebook-item {\n  width: $layout-breakpoint-xs;\n}\n\n.view-notebook-item__content {\n}\n\n.notebook-item--report {\n  background-color: #ffffff;\n\n  .note-editor {\n    margin-bottom: 16px;\n    border-color: color('gray');\n  }\n}\n\n.notebook-item--report__container {\n  &.ui-scrollpoint {\n    .notebook-item--report__toolbar {\n      position: fixed;\n      top: ($wise-toolbar-height + $md-toolbar-height);\n      left: 0;\n      right: 0;\n      z-index: 1;\n\n      @media only screen and (min-width: $layout-breakpoint-xs) {\n        left: ($notebook-sidebar-width - 2);\n      }\n\n      @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 24px;\n      }\n\n      @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 32px;\n      }\n\n      .note-toolbar {\n        margin: 0 16px;\n\n        @media only screen and (min-width: $layout-breakpoint-xs) {\n          margin: 0 8px;\n        }\n\n        @media only screen and (min-width: $layout-breakpoint-sm) {\n          margin: 0 16px;\n        }\n      }\n    }\n\n    .note-editor {\n      padding-top: 40px;\n    }\n  }\n}\n\n.notebook-item--report__toolbar {\n  .note-toolbar {\n    background-color: color('gray-light');\n    border: 1px solid color('gray');\n    margin-bottom: -2px;\n  }\n}\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px;\n}\n\n.notebook-item--report__content {\n}\n\n.notebook-item--report__add-note {\n  font-weight: 700;\n}\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important;\n}\n\n.notebook-sidebar {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: 400px;\n    max-width: none;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    width: 500px;\n    max-width: none;\n  }\n}\n\n.notebook-items {\n  width: 100%;\n  overflow: auto;\n  padding-top: 16px;\n  padding-bottom: 76px;\n\n  .notebook-item {\n    width: 100%;\n  }\n\n  .notebook-item__content {\n    height: 200px;\n    min-width: 0;\n  }\n}\n\n.notebook-items--grading {\n  margin-bottom: 0;\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/vle.css","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-node.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dragula.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,wBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBCQoB,CDPpB,eAAgB,CAChB,cElC8B,CFmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBCxDsB,CD4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,wBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,wBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,aCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,wBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"vle.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #1C8CA8; }\n\nblockquote {\n  background-color: #e7f7fb;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1C8CA8;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #1C8CA8;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1C8CA8 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: #f4fbfd; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1C8CA8;\n  background-color: #f4fbfd; }\n\n.primary {\n  color: #1C8CA8; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: #f4fbfd; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #1C8CA8; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: #f4fbfd; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #1C8CA8; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: #f4fbfd; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-node {\n  margin-top: 42px;\n  padding: 0; }\n  @media only screen and (min-width: 600px) {\n    .l-node {\n      padding: 0 0 16px;\n      background-color: #eeeeee !important; } }\n  @media only screen and (min-width: 960px) {\n    .l-node {\n      padding: 0 0 32px; } }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out; }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1C8CA8; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #1C8CA8; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: #f4fbfd;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1C8CA8; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #1C8CA8;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px; }\n  @media only screen and (min-width: 600px) {\n    notebook-launcher.md-button.md-fab {\n      z-index: 61; } }\n\n@media only screen and (min-width: 960px) {\n  .notes-visible .notebook-report-container {\n    right: 516px;\n    transition: right 250ms; } }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.view-notebook-item {\n  width: 600px; }\n\n.notebook-item--report {\n  background-color: #ffffff; }\n  .notebook-item--report .note-editor {\n    margin-bottom: 16px;\n    border-color: #cccccc; }\n\n.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n  position: fixed;\n  top: 94px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      left: 54px; } }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 24px; } }\n  @media only screen and (min-width: 960px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 32px; } }\n  .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n    margin: 0 16px; }\n    @media only screen and (min-width: 600px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 8px; } }\n    @media only screen and (min-width: 960px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 16px; } }\n\n.notebook-item--report__container.ui-scrollpoint .note-editor {\n  padding-top: 40px; }\n\n.notebook-item--report__toolbar .note-toolbar {\n  background-color: #dddddd;\n  border: 1px solid #cccccc;\n  margin-bottom: -2px; }\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px; }\n\n.notebook-item--report__add-note {\n  font-weight: 700; }\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #1C8CA8; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #1C8CA8; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-node {\n  margin-top: $wise-toolbar-height;\n  padding: 0;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    padding: 0 0 16px;\n    background-color: color('body-bg') !important;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 0 0 32px;\n  }\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n",".gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out;\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 56px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\n.notes-visible {\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    .notebook-report-container {\n      right: 516px;\n      transition: right 250ms;\n    }\n  }\n}\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block;\n}\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: color('gray');\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0;\n}\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255,255,255,0.95);\n  border-top: 1px solid color('gray-lighter');\n\n  &:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n  }\n}\n\n.notebook-item__content--text-only {\n  &:after {\n    content: \"note\";\n    font-family: 'Material Icons';\n    font-weight: normal;\n    font-style: normal;\n    display: inline-block;\n    line-height: 1;\n    text-transform: none;\n    letter-spacing: normal;\n    word-wrap: normal;\n    white-space: nowrap;\n    direction: ltr;\n\n    /* Support for all WebKit browsers. */\n    -webkit-font-smoothing: antialiased;\n    /* Support for Safari and Chrome. */\n    text-rendering: optimizeLegibility;\n\n    /* Support for Firefox. */\n    -moz-osx-font-smoothing: grayscale;\n\n    /* Support for IE. */\n    font-feature-settings: 'liga';\n    //position: absolute;\n    font-size: 80px;\n    color: color('text-disabled');\n  }\n}\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\";\n}\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0;\n\n  md-icon {\n    font-size: 22px;\n  }\n}\n\n.notebook-item__edit {\n  cursor: pointer;\n}\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: color('gray-darkest');\n  border-bottom-left-radius: $card-border-radius;\n  border-bottom-right-radius: $card-border-radius;\n\n  md-icon {\n    color: #ffffff;\n  }\n}\n\n.notebook-item__text-input {\n  margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.notebook-item__attachment {\n  background-color: color('gray-light');\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative;\n}\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto;\n}\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  // TODO: generalize for on item buttons like this (delete attachment, etc)\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0;\n\n  md-icon {\n    margin-left: -2px;\n    font-size: 22px;\n  }\n}\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: lighten(color('accent-1'), 5%);\n\n  a, md-icon {\n    color: lighten(color('accent-1'), 5%);\n  }\n\n  md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto;\n  }\n}\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: color('gray-lighter');\n  margin-bottom: 16px;\n  color: color('text-secondary');\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms;\n\n  md-icon, span {\n    transition: color 250ms;\n  }\n\n  &:hover, &:focus, &.dragover {\n    border-color: color('accent');\n    background-color: lighten(color('accent'), 35%);\n    color: color('accent');\n\n    md-icon, span {\n      color: color('accent');\n    }\n  }\n}\n\n.view-notebook-item {\n  width: $layout-breakpoint-xs;\n}\n\n.view-notebook-item__content {\n}\n\n.notebook-item--report {\n  background-color: #ffffff;\n\n  .note-editor {\n    margin-bottom: 16px;\n    border-color: color('gray');\n  }\n}\n\n.notebook-item--report__container {\n  &.ui-scrollpoint {\n    .notebook-item--report__toolbar {\n      position: fixed;\n      top: ($wise-toolbar-height + $md-toolbar-height);\n      left: 0;\n      right: 0;\n      z-index: 1;\n\n      @media only screen and (min-width: $layout-breakpoint-xs) {\n        left: ($notebook-sidebar-width - 2);\n      }\n\n      @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 24px;\n      }\n\n      @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 32px;\n      }\n\n      .note-toolbar {\n        margin: 0 16px;\n\n        @media only screen and (min-width: $layout-breakpoint-xs) {\n          margin: 0 8px;\n        }\n\n        @media only screen and (min-width: $layout-breakpoint-sm) {\n          margin: 0 16px;\n        }\n      }\n    }\n\n    .note-editor {\n      padding-top: 40px;\n    }\n  }\n}\n\n.notebook-item--report__toolbar {\n  .note-toolbar {\n    background-color: color('gray-light');\n    border: 1px solid color('gray');\n    margin-bottom: -2px;\n  }\n}\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px;\n}\n\n.notebook-item--report__content {\n}\n\n.notebook-item--report__add-note {\n  font-weight: 700;\n}\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important;\n}\n\n.notebook-sidebar {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: 400px;\n    max-width: none;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    width: 500px;\n    max-width: none;\n  }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
diff --git a/src/main/webapp/wise5/themes/default/vle.html b/src/main/webapp/wise5/themes/default/vle.html
index c42b4e4135..0e2ab75396 100644
--- a/src/main/webapp/wise5/themes/default/vle.html
+++ b/src/main/webapp/wise5/themes/default/vle.html
@@ -25,9 +25,14 @@
         <div id="node" ng-cloak ui-view="nodeView" ng-if="themeCtrl.layoutState === 'node'">
         </div>
       </md-content>
+      <md-sidenav class="md-sidenav-right md-whiteframe-4dp notebook-sidebar"
+                  md-component-id="notes" md-disable-backdrop
+                  md-is-open="vleController.notesVisible">
+        <notebook-notes [config]="vleController.notebookConfig"></notebook-notes>
+      </md-sidenav>
       <global-annotations></global-annotations>
-      <notebook-launcher ng-if="!vleController.notesVisible" 
-                         [notebookConfig]="vleController.notebookConfig"></notebook-launcher>
+      <notebook-launcher ng-if="vleController.notebookEnabled && !vleController.notesVisible" 
+                         [notebook-config]="vleController.notebookConfig"></notebook-launcher>
       <notebook></notebook>
     </div>
   </listen-for-delete-keypress>

From 5be698d044d492749fa81d79bb90f25a8940edd7 Mon Sep 17 00:00:00 2001
From: Geoffrey Kwan <geoffreykwan@gmail.com>
Date: Tue, 23 Feb 2021 17:04:06 -0500
Subject: [PATCH 14/36] Added a class to the label canvas for styling. #2943

---
 .../label/label-grading/label-grading.component.html           | 2 +-
 .../label/label-grading/label-grading.component.scss           | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/main/webapp/wise5/components/label/label-grading/label-grading.component.html b/src/main/webapp/wise5/components/label/label-grading/label-grading.component.html
index 47f8dbe6fc..29484ef194 100644
--- a/src/main/webapp/wise5/components/label/label-grading/label-grading.component.html
+++ b/src/main/webapp/wise5/components/label/label-grading/label-grading.component.html
@@ -3,7 +3,7 @@
     <canvas id='{{canvasId}}'
         width='800'
         height='600'
-        style='border:1px solid black;'>
+        class='label-canvas'>
     </canvas>
   </div>
 </div>
\ No newline at end of file
diff --git a/src/main/webapp/wise5/components/label/label-grading/label-grading.component.scss b/src/main/webapp/wise5/components/label/label-grading/label-grading.component.scss
index e69de29bb2..df927cc376 100644
--- a/src/main/webapp/wise5/components/label/label-grading/label-grading.component.scss
+++ b/src/main/webapp/wise5/components/label/label-grading/label-grading.component.scss
@@ -0,0 +1,3 @@
+.label-canvas {
+  border: 1px solid black;
+}
\ No newline at end of file

From 9474d107c78942892b511071794dcdc934e1d0aa Mon Sep 17 00:00:00 2001
From: Geoffrey Kwan <geoffreykwan@gmail.com>
Date: Tue, 23 Feb 2021 17:11:43 -0500
Subject: [PATCH 15/36] Extract grading view from Draw component. #2945

---
 .../site/src/app/services/drawService.spec.ts |  22 ++
 .../src/app/teacher-hybrid-angular.module.ts  |   2 +
 .../workgroupComponentRevisions.ts            |  10 +-
 .../workgroupNodeGrading.ts                   |   8 +-
 .../draw-grading/draw-grading.component.html  |   4 +
 .../draw-grading/draw-grading.component.scss  |   3 +
 .../draw-grading/draw-grading.component.ts    |  56 +++++
 .../wise5/components/draw/drawController.ts   | 118 +++-------
 .../draw/drawGradingComponentModule.ts        |  14 ++
 .../wise5/components/draw/drawService.ts      |  51 +++++
 .../webapp/wise5/components/draw/index.html   | 211 +++++++-----------
 .../teacher/teacher-angular-js-module.ts      |   2 +
 12 files changed, 286 insertions(+), 215 deletions(-)
 create mode 100644 src/main/webapp/wise5/components/draw/draw-grading/draw-grading.component.html
 create mode 100644 src/main/webapp/wise5/components/draw/draw-grading/draw-grading.component.scss
 create mode 100644 src/main/webapp/wise5/components/draw/draw-grading/draw-grading.component.ts
 create mode 100644 src/main/webapp/wise5/components/draw/drawGradingComponentModule.ts

diff --git a/src/main/webapp/site/src/app/services/drawService.spec.ts b/src/main/webapp/site/src/app/services/drawService.spec.ts
index 3e2134794e..b16918c6e8 100644
--- a/src/main/webapp/site/src/app/services/drawService.spec.ts
+++ b/src/main/webapp/site/src/app/services/drawService.spec.ts
@@ -43,6 +43,7 @@ describe('DrawService', () => {
   isDrawDataContainsObjects();
   isStarterDrawDataExists();
   isStudentDrawDataDifferentFromStarterData();
+  initializeDrawingTool();
 });
 
 function createComponentState(drawData: string, isSubmit: boolean = false) {
@@ -262,3 +263,24 @@ function isStudentDrawDataDifferentFromStarterData() {
     );
   });
 }
+
+function initializeDrawingTool() {
+  it('should initialize the drawing tool', () => {
+    const drawingToolId: string = 'drawing-tool';
+    const stamps = {};
+    const width: number = 400;
+    const height: number = 300;
+    const isHideDrawingTools: boolean = false;
+    const drawingTool = service.initializeDrawingTool(
+      drawingToolId,
+      stamps,
+      width,
+      height,
+      isHideDrawingTools
+    );
+    expect(drawingTool).not.toBeNull();
+    expect(drawingTool.options.stamps).toEqual(stamps);
+    expect(drawingTool.canvas.width).toEqual(width);
+    expect(drawingTool.canvas.height).toEqual(height);
+  });
+}
diff --git a/src/main/webapp/site/src/app/teacher-hybrid-angular.module.ts b/src/main/webapp/site/src/app/teacher-hybrid-angular.module.ts
index 72123442b7..fe4297b73d 100644
--- a/src/main/webapp/site/src/app/teacher-hybrid-angular.module.ts
+++ b/src/main/webapp/site/src/app/teacher-hybrid-angular.module.ts
@@ -63,6 +63,7 @@ import { OpenResponseGrading } from '../../../wise5/components/openResponse/open
 import { MultipleChoiceGrading } from '../../../wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component';
 import { MatchGrading } from '../../../wise5/components/match/match-grading/match-grading.component';
 import { LabelGrading } from '../../../wise5/components/label/label-grading/label-grading.component';
+import { DrawGrading } from '../../../wise5/components/draw/draw-grading/draw-grading.component';
 
 @NgModule({
   declarations: [
@@ -78,6 +79,7 @@ import { LabelGrading } from '../../../wise5/components/label/label-grading/labe
     ComponentSelectComponent,
     ConceptMapAuthoring,
     DrawAuthoring,
+    DrawGrading,
     DiscussionAuthoring,
     EditComponentRubricComponent,
     EditComponentJsonComponent,
diff --git a/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupComponentRevisions/workgroupComponentRevisions.ts b/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupComponentRevisions/workgroupComponentRevisions.ts
index f7267ca486..c549af9028 100644
--- a/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupComponentRevisions/workgroupComponentRevisions.ts
+++ b/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupComponentRevisions/workgroupComponentRevisions.ts
@@ -158,8 +158,16 @@ const WorkgroupComponentRevisions = {
                         </h3>
                         <div style="padding: 20px;">
                             <ng-content ng-switch="item.componentState.componentType">
-                              <div ng-switch-when="Label|Match|MultipleChoice|OpenResponse" ng-switch-when-separator="|" class="component__content" layout="row" layout-wrap>
+                              <div ng-switch-when="Draw|Label|Match|MultipleChoice|OpenResponse" ng-switch-when-separator="|" class="component__content" layout="row" layout-wrap>
                                   <div flex="100" flex-gt-sm="66" layout="column" class="component--grading__response">
+                                      <draw-grading
+                                          ng-if="item.componentState.componentType === 'Draw'"
+                                          node-id="{{::$ctrl.nodeId}}"
+                                          component-id="{{::$ctrl.componentId}}"
+                                          component-state="{{ item.componentState }}"
+                                          workgroup-id="::$ctrl.workgroupId"
+                                          is-revision="true">
+                                      </draw-grading>
                                       <label-grading
                                           ng-if="item.componentState.componentType === 'Label'"
                                           node-id="{{::$ctrl.nodeId}}"
diff --git a/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupNodeGrading/workgroupNodeGrading.ts b/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupNodeGrading/workgroupNodeGrading.ts
index a5684c27b1..acb00f353b 100644
--- a/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupNodeGrading/workgroupNodeGrading.ts
+++ b/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupNodeGrading/workgroupNodeGrading.ts
@@ -138,9 +138,15 @@ const WorkgroupNodeGrading = {
                     </h3>
                     <ng-content ng-switch="::component.type">
                       {{latestComponentState = $ctrl.getLatestComponentStateByWorkgroupIdAndComponentId($ctrl.workgroupId, component.id); ""}}
-                      <div ng-switch-when="Label|Match|MultipleChoice|OpenResponse" ng-switch-when-separator="|" class="component__content" layout="row" layout-wrap>
+                      <div ng-switch-when="Draw|Label|Match|MultipleChoice|OpenResponse" ng-switch-when-separator="|" class="component__content" layout="row" layout-wrap>
                         <div flex="100" flex-gt-sm="66" layout="column" class="component--grading__response">
                           <ng-content ng-if="latestComponentState != null && latestComponentState !== ''">
+                            <draw-grading
+                                ng-if="component.type === 'Draw'"
+                                node-id="{{::$ctrl.nodeId}}"
+                                component-id="{{::component.id}}"
+                                component-state="{{latestComponentState}}">
+                            </draw-grading>
                             <label-grading
                                 ng-if="component.type === 'Label'"
                                 node-id="{{::$ctrl.nodeId}}"
diff --git a/src/main/webapp/wise5/components/draw/draw-grading/draw-grading.component.html b/src/main/webapp/wise5/components/draw/draw-grading/draw-grading.component.html
new file mode 100644
index 0000000000..6d699f0fb4
--- /dev/null
+++ b/src/main/webapp/wise5/components/draw/draw-grading/draw-grading.component.html
@@ -0,0 +1,4 @@
+<div class='component--grading__response__content'>
+  <div id='{{drawingToolId}}' class='drawing-tool'>
+  </div>
+</div>
\ No newline at end of file
diff --git a/src/main/webapp/wise5/components/draw/draw-grading/draw-grading.component.scss b/src/main/webapp/wise5/components/draw/draw-grading/draw-grading.component.scss
new file mode 100644
index 0000000000..6cae606e29
--- /dev/null
+++ b/src/main/webapp/wise5/components/draw/draw-grading/draw-grading.component.scss
@@ -0,0 +1,3 @@
+.drawing-tool {
+  border: 1px solid black;
+}
\ No newline at end of file
diff --git a/src/main/webapp/wise5/components/draw/draw-grading/draw-grading.component.ts b/src/main/webapp/wise5/components/draw/draw-grading/draw-grading.component.ts
new file mode 100644
index 0000000000..8a3b377517
--- /dev/null
+++ b/src/main/webapp/wise5/components/draw/draw-grading/draw-grading.component.ts
@@ -0,0 +1,56 @@
+import { Component } from '@angular/core';
+import { ComponentGrading } from '../../../classroomMonitor/classroomMonitorComponents/shared/component-grading.component';
+import { ProjectService } from '../../../services/projectService';
+import { DrawService } from '../drawService';
+
+@Component({
+  selector: 'draw-grading',
+  templateUrl: 'draw-grading.component.html',
+  styleUrls: ['draw-grading.component.scss']
+})
+export class DrawGrading extends ComponentGrading {
+  drawingToolId: string;
+  drawingTool: any;
+
+  constructor(private DrawService: DrawService, protected ProjectService: ProjectService) {
+    super(ProjectService);
+  }
+
+  ngOnInit(): void {
+    super.ngOnInit();
+    this.drawingToolId = this.getDrawingToolId();
+    // wait for angular to completely render the html before we initialize the canvas
+    setTimeout(() => {
+      this.initializeDrawingTool();
+      this.setStudentWork();
+    });
+  }
+
+  getDrawingToolId(): string {
+    return this.getDrawingToolIdPrefix() + this.componentState.id;
+  }
+
+  getDrawingToolIdPrefix(): string {
+    if (this.isRevision) {
+      return 'drawing-tool-revision-';
+    } else {
+      return 'drawing-tool-';
+    }
+  }
+
+  initializeDrawingTool(): void {
+    const isHideDrawingTools: boolean = true;
+    this.drawingTool = this.DrawService.initializeDrawingTool(
+      this.drawingToolId,
+      this.componentContent.stamps,
+      this.componentContent.width,
+      this.componentContent.height,
+      isHideDrawingTools
+    );
+    this.drawingTool.canvas.removeListeners();
+  }
+
+  setStudentWork(): void {
+    this.drawingTool.load(this.componentState.studentData.drawData);
+  }
+}
diff --git a/src/main/webapp/wise5/components/draw/drawController.ts b/src/main/webapp/wise5/components/draw/drawController.ts
index 65aeda78e9..76f23fdfae 100644
--- a/src/main/webapp/wise5/components/draw/drawController.ts
+++ b/src/main/webapp/wise5/components/draw/drawController.ts
@@ -7,7 +7,6 @@ window['fabric'] = fabric.fabric;
 import ComponentController from '../componentController';
 import * as EventEmitter2 from 'eventemitter2';
 window['EventEmitter2'] = EventEmitter2;
-import DrawingTool from '../../lib/drawingTool/drawing-tool';
 import { DrawService } from './drawService';
 
 class DrawController extends ComponentController {
@@ -106,21 +105,10 @@ class DrawController extends ComponentController {
 
     this.componentType = this.componentContent.type;
 
-    if (this.isStudentMode() || this.isAuthoringComponentPreviewMode()) {
-      this.isSaveButtonVisible = this.componentContent.showSaveButton;
-      this.isSubmitButtonVisible = this.componentContent.showSubmitButton;
-      this.isResetButtonVisible = true;
-      this.drawingToolId = 'drawingtool_' + this.nodeId + '_' + this.componentId;
-    } else if (this.isGradingMode() || this.isGradingRevisionMode()) {
-      const componentState = this.$scope.componentState;
-      if (componentState != null) {
-        if (this.isGradingRevisionMode()) {
-          this.drawingToolId = 'drawingtool_gradingRevision_' + componentState.id;
-        } else {
-          this.drawingToolId = 'drawingtool_' + componentState.id;
-        }
-      }
-    }
+    this.isSaveButtonVisible = this.componentContent.showSaveButton;
+    this.isSubmitButtonVisible = this.componentContent.showSubmitButton;
+    this.isResetButtonVisible = true;
+    this.drawingToolId = 'drawingtool_' + this.nodeId + '_' + this.componentId;
 
     /*
      * Running this inside a timeout ensures that the code only runs after the markup is rendered.
@@ -193,67 +181,31 @@ class DrawController extends ComponentController {
   }
 
   initializeDrawingTool() {
-    this.drawingTool = new DrawingTool('#' + this.drawingToolId, {
-      stamps: this.componentContent.stamps || {},
-      parseSVG: true,
-      width: this.width,
-      height: this.height
-    });
-    let state = null;
-    $('#set-background').on('click', () => {
-      this.drawingTool.setBackgroundImage($('#background-src').val());
-    });
-    $('#resize-background').on('click', () => {
-      this.drawingTool.resizeBackgroundToCanvas();
-    });
-    $('#resize-canvas').on('click', () => {
-      this.drawingTool.resizeCanvasToBackground();
-    });
-    $('#shrink-background').on('click', () => {
-      this.drawingTool.shrinkBackgroundToCanvas();
-    });
-    $('#clear').on('click', () => {
-      this.drawingTool.clear(true);
-    });
-    $('#save').on('click', () => {
-      state = this.drawingTool.save();
-      $('#load').removeAttr('disabled');
-    });
-    $('#load').on('click', () => {
-      if (state === null) return;
-      this.drawingTool.load(state);
-    });
-
+    this.drawingTool = this.DrawService.initializeDrawingTool(
+      this.drawingToolId,
+      this.componentContent.stamps,
+      this.width,
+      this.height
+    );
     const componentState = this.$scope.componentState;
-    if (this.isStudentMode()) {
-      if (this.UtilService.hasShowWorkConnectedComponent(this.componentContent)) {
-        this.handleConnectedComponents();
-      } else if (
-        this.DrawService.componentStateHasStudentWork(componentState, this.componentContent)
-      ) {
-        this.setStudentWork(componentState);
-      } else if (this.UtilService.hasConnectedComponent(this.componentContent)) {
-        this.handleConnectedComponents();
-      } else if (
-        componentState == null ||
-        !this.DrawService.componentStateHasStudentWork(componentState, this.componentContent)
-      ) {
-        if (this.componentContent.starterDrawData != null) {
-          this.drawingTool.load(this.componentContent.starterDrawData);
-        }
-        if (this.componentContent.background != null) {
-          this.drawingTool.setBackgroundImage(this.componentContent.background);
-        }
-      }
-    } else if (this.isAuthoringComponentPreviewMode()) {
+    if (this.UtilService.hasShowWorkConnectedComponent(this.componentContent)) {
+      this.handleConnectedComponents();
+    } else if (
+      this.DrawService.componentStateHasStudentWork(componentState, this.componentContent)
+    ) {
+      this.setStudentWork(componentState);
+    } else if (this.UtilService.hasConnectedComponent(this.componentContent)) {
+      this.handleConnectedComponents();
+    } else if (
+      componentState == null ||
+      !this.DrawService.componentStateHasStudentWork(componentState, this.componentContent)
+    ) {
       if (this.componentContent.starterDrawData != null) {
         this.drawingTool.load(this.componentContent.starterDrawData);
       }
       if (this.componentContent.background != null) {
         this.drawingTool.setBackgroundImage(this.componentContent.background);
       }
-    } else {
-      this.setStudentWork(componentState);
     }
 
     if (this.hasMaxSubmitCount() && this.hasSubmitsLeft()) {
@@ -278,24 +230,16 @@ class DrawController extends ComponentController {
       500
     );
 
-    if (this.isStudentMode()) {
-      this.drawingTool.on('tool:changed', (toolName) => {
-        const category = 'Tool';
-        const event = 'toolSelected';
-        const data = {
-          selectedToolName: toolName
-        };
-        this.StudentDataService.saveComponentEvent(this, category, event, data);
-      });
-    }
+    this.drawingTool.on('tool:changed', (toolName) => {
+      const category = 'Tool';
+      const event = 'toolSelected';
+      const data = {
+        selectedToolName: toolName
+      };
+      this.StudentDataService.saveComponentEvent(this, category, event, data);
+    });
 
-    if (this.isGradingMode() || this.isGradingRevisionMode()) {
-      $('#' + this.drawingToolId)
-        .find('.dt-tools')
-        .hide();
-    } else {
-      this.setupTools();
-    }
+    this.setupTools();
 
     if (this.isDisabled) {
       this.drawingTool.canvas.removeListeners();
diff --git a/src/main/webapp/wise5/components/draw/drawGradingComponentModule.ts b/src/main/webapp/wise5/components/draw/drawGradingComponentModule.ts
new file mode 100644
index 0000000000..6d83cc6d21
--- /dev/null
+++ b/src/main/webapp/wise5/components/draw/drawGradingComponentModule.ts
@@ -0,0 +1,14 @@
+'use strict';
+
+import * as angular from 'angular';
+import { downgradeComponent } from '@angular/upgrade/static';
+import { DrawGrading } from './draw-grading/draw-grading.component';
+
+const drawGradingComponentModule = angular
+  .module('drawGradingComponentModule', ['pascalprecht.translate'])
+  .directive(
+    'drawGrading',
+    downgradeComponent({ component: DrawGrading }) as angular.IDirectiveFactory
+  );
+
+export default drawGradingComponentModule;
diff --git a/src/main/webapp/wise5/components/draw/drawService.ts b/src/main/webapp/wise5/components/draw/drawService.ts
index 820098855b..93c2a961af 100644
--- a/src/main/webapp/wise5/components/draw/drawService.ts
+++ b/src/main/webapp/wise5/components/draw/drawService.ts
@@ -1,6 +1,12 @@
 'use strict';
 
 import * as angular from 'angular';
+import * as $ from 'jquery';
+import * as fabric from 'fabric';
+window['fabric'] = fabric.fabric;
+import * as EventEmitter2 from 'eventemitter2';
+window['EventEmitter2'] = EventEmitter2;
+import DrawingTool from '../../lib/drawingTool/drawing-tool';
 import { ComponentService } from '../componentService';
 import { StudentAssetService } from '../../services/studentAssetService';
 import { Injectable } from '@angular/core';
@@ -157,4 +163,49 @@ export class DrawService extends ComponentService {
     }
     return null;
   }
+
+  initializeDrawingTool(
+    drawingToolId: string,
+    stamps: any = {},
+    width: number = 800,
+    height: number = 600,
+    isHideDrawingTools: boolean = false
+  ): any {
+    const drawingTool = new DrawingTool('#' + drawingToolId, {
+      stamps: stamps,
+      parseSVG: true,
+      width: width,
+      height: height
+    });
+    let state = null;
+    $('#set-background').on('click', () => {
+      drawingTool.setBackgroundImage($('#background-src').val());
+    });
+    $('#resize-background').on('click', () => {
+      drawingTool.resizeBackgroundToCanvas();
+    });
+    $('#resize-canvas').on('click', () => {
+      drawingTool.resizeCanvasToBackground();
+    });
+    $('#shrink-background').on('click', () => {
+      drawingTool.shrinkBackgroundToCanvas();
+    });
+    $('#clear').on('click', () => {
+      drawingTool.clear(true);
+    });
+    $('#save').on('click', () => {
+      state = drawingTool.save();
+      $('#load').removeAttr('disabled');
+    });
+    $('#load').on('click', () => {
+      if (state === null) return;
+      drawingTool.load(state);
+    });
+    if (isHideDrawingTools) {
+      $('#' + drawingToolId)
+        .find('.dt-tools')
+        .hide();
+    }
+    return drawingTool;
+  }
 }
diff --git a/src/main/webapp/wise5/components/draw/index.html b/src/main/webapp/wise5/components/draw/index.html
index fd4a57ef68..dae3a5bb31 100644
--- a/src/main/webapp/wise5/components/draw/index.html
+++ b/src/main/webapp/wise5/components/draw/index.html
@@ -5,132 +5,91 @@
   }
 </style>
 <div ng-controller='DrawController as drawController' flex>
-  <div>
-    <div ng-switch='::drawController.mode'>
-      <div ng-switch-when='grading|gradingRevision'
-          ng-switch-when-separator='|'
-          layout='row'
-          layout-wrap>
-        <div flex='100'
-            flex-gt-sm='66'
-            layout='column'
-            class='component--grading__response'>
-          <div class='component--grading__response__content'>
-            <div id='{{drawController.drawingToolId}}'
-                ng-if='drawController.$scope.componentState'>
-            </div>
-          </div>
-          <span flex></span>
-          <component-revisions-info node-id='drawController.nodeId'
-              component-id='drawController.componentId'
-              to-workgroup-id='workgroupId'
-              component-state='componentState'
-              active='::drawController.mode === "grading"'>
-          </component-revisions-info>
-        </div>
-        <div flex='100'
-            flex-gt-sm='33'
-            class='component--grading__annotations'>
-          <component-grading node-id='drawController.nodeId'
-              component-id='drawController.componentId'
-              max-score='drawController.componentContent.maxScore'
-              from-workgroup-id='teacherWorkgroupId'
-              to-workgroup-id='workgroupId'
-              component-state-id='componentState.id'
-              show-all-annotations='::drawController.mode !== "grading"'
-              is-disabled='::drawController.mode !== "grading"'>
-          </component-grading>
-        </div>
-      </div>
-      <div ng-switch-default>
-        <div class='component__prompt'>
-          <div class='component__prompt__content'>
-            <compile data='drawController.getPrompt()'></compile>
-          </div>
-          <possible-score [max-score]='drawController.componentContent.maxScore'></possible-score>
-        </div>
-        <div class='component__actions'
-            layout='row'>
-          <md-button class='md-accent'
-              ng-if='::drawController.isStudentAttachmentEnabled'
-              ng-click='nodeController.showStudentAssets($event, component.id, drawController.isDisabled)'
-              ng-disabled='drawController.isDisabled'>
-            <md-icon>image</md-icon>
-            {{ ::'draw.insertFile' | translate }}
-          </md-button>
-        </div>
-        <md-button class='md-accent'
-            ng-click='drawController.resetButtonClicked()'
-            ng-if='::drawController.isResetButtonVisible'
-            ng-disabled='drawController.isDisabled'>
-            <md-icon>restore</md-icon>
-            {{ ::'RESET' | translate }}
-        </md-button>
-        <md-button class='md-accent md-primary'
-            ng-click='drawController.snipButtonClicked($event)'
-            ng-if='::drawController.isAddToNotebookEnabled()'
-            ng-disabled='drawController.isDisabled'>
-          <md-icon>note_add</md-icon>
-          {{ ::'ADD_TO_NOTEBOOK' | translate:{label:drawController.notebookConfig.label} }}
-        </md-button>
-        <md-button class='md-accent md-primary'
-                   ng-click='drawController.copyPublicNotebookItemButtonClicked($event)'
-                   ng-if='::drawController.showCopyPublicNotebookItemButton()'
-                   ng-disabled='drawController.isDisabled'>
-          <md-icon>file_download</md-icon>
-          {{ ::'importClassmateWork' | translate:{label:drawController.notebookConfig.label} }}
-        </md-button>
-        <div data-drop='true'
-            jqyoui-droppable='{onDrop: "drawController.dropCallback(item, $index)"}'>
-          <div id='{{::drawController.drawingToolId}}'></div>
-          <!--
-          <h2>API examples:</h2>
-          <div>
-            <button id='set-background'>Set background</button>
-            <input type='text' id='background-src' value='https://ccshutterbugtest.s3.amazonaws.com/7a72684bb7e.png' size='70' />
-            <button id='resize-background'>Resize background to canvas</button>
-            <button id='resize-canvas'>Resize cavas to background</button>
-            <button id='shrink-background'>Shrink background to cavas</button>
-          </div>
-          <div>
-            <button id='clear'>Clear</button>
-            <button id='save'>Save</button>
-            <button id='load' disabled>Load</button>
-          </div>
-          -->
-        </div>
-        <div ng-if='::drawController.isSaveOrSubmitButtonVisible()'
-            class='component__actions'
-            layout='row'
-            layout-align='start center'>
-          <md-button class='md-raised md-primary'
-              ng-click='drawController.saveButtonClicked()'
-              ng-disabled='drawController.isDisabled || !drawController.isDirty'
-              ng-if='::drawController.isSaveButtonVisible'>
-            {{ ::'SAVE' | translate }}
-          </md-button>
-          <md-button class='md-raised md-primary'
-              ng-click='drawController.submitButtonClicked()'
-              ng-disabled='drawController.isDisabled || !drawController.isSubmitDirty || drawController.isSubmitButtonDisabled'
-              ng-if='::drawController.isSubmitButtonVisible'>
-            {{ ::'SUBMIT' | translate }}
-          </md-button>
-          <span ng-if='drawController.saveMessage.text'
-              class='component__actions__info md-caption'>
-              {{drawController.saveMessage.text}}
-              <span class='component__actions__more'>
-                <md-tooltip md-direction='top'>
-                  {{ drawController.saveMessage.time | amDateFormat:'ddd, MMM D YYYY, h:mm a' }}
-                </md-tooltip>
-                <span am-time-ago='drawController.saveMessage.time'></span>
-              </span>
-          </span>
-        </div>
-        <component-annotations ng-if='::drawController.mode === "student"'
-            [annotations]='drawController.latestAnnotations'
-            [max-score]='drawController.componentContent.maxScore'>
-        </component-annotations>
-      </div>
+  <div class='component__prompt'>
+    <div class='component__prompt__content'>
+      <compile data='drawController.getPrompt()'></compile>
     </div>
+    <possible-score [max-score]='drawController.componentContent.maxScore'></possible-score>
   </div>
+  <div class='component__actions'
+      layout='row'>
+    <md-button class='md-accent'
+        ng-if='::drawController.isStudentAttachmentEnabled'
+        ng-click='nodeController.showStudentAssets($event, component.id, drawController.isDisabled)'
+        ng-disabled='drawController.isDisabled'>
+      <md-icon>image</md-icon>
+      {{ ::'draw.insertFile' | translate }}
+    </md-button>
+  </div>
+  <md-button class='md-accent'
+      ng-click='drawController.resetButtonClicked()'
+      ng-if='::drawController.isResetButtonVisible'
+      ng-disabled='drawController.isDisabled'>
+      <md-icon>restore</md-icon>
+      {{ ::'RESET' | translate }}
+  </md-button>
+  <md-button class='md-accent md-primary'
+      ng-click='drawController.snipButtonClicked($event)'
+      ng-if='::drawController.isAddToNotebookEnabled()'
+      ng-disabled='drawController.isDisabled'>
+    <md-icon>note_add</md-icon>
+    {{ ::'ADD_TO_NOTEBOOK' | translate:{label:drawController.notebookConfig.label} }}
+  </md-button>
+  <md-button class='md-accent md-primary'
+             ng-click='drawController.copyPublicNotebookItemButtonClicked($event)'
+             ng-if='::drawController.showCopyPublicNotebookItemButton()'
+             ng-disabled='drawController.isDisabled'>
+    <md-icon>file_download</md-icon>
+    {{ ::'importClassmateWork' | translate:{label:drawController.notebookConfig.label} }}
+  </md-button>
+  <div data-drop='true'
+      jqyoui-droppable='{onDrop: "drawController.dropCallback(item, $index)"}'>
+    <div id='{{::drawController.drawingToolId}}'></div>
+    <!--
+    <h2>API examples:</h2>
+    <div>
+      <button id='set-background'>Set background</button>
+      <input type='text' id='background-src' value='https://ccshutterbugtest.s3.amazonaws.com/7a72684bb7e.png' size='70' />
+      <button id='resize-background'>Resize background to canvas</button>
+      <button id='resize-canvas'>Resize cavas to background</button>
+      <button id='shrink-background'>Shrink background to cavas</button>
+    </div>
+    <div>
+      <button id='clear'>Clear</button>
+      <button id='save'>Save</button>
+      <button id='load' disabled>Load</button>
+    </div>
+    -->
+  </div>
+  <div ng-if='::drawController.isSaveOrSubmitButtonVisible()'
+      class='component__actions'
+      layout='row'
+      layout-align='start center'>
+    <md-button class='md-raised md-primary'
+        ng-click='drawController.saveButtonClicked()'
+        ng-disabled='drawController.isDisabled || !drawController.isDirty'
+        ng-if='::drawController.isSaveButtonVisible'>
+      {{ ::'SAVE' | translate }}
+    </md-button>
+    <md-button class='md-raised md-primary'
+        ng-click='drawController.submitButtonClicked()'
+        ng-disabled='drawController.isDisabled || !drawController.isSubmitDirty || drawController.isSubmitButtonDisabled'
+        ng-if='::drawController.isSubmitButtonVisible'>
+      {{ ::'SUBMIT' | translate }}
+    </md-button>
+    <span ng-if='drawController.saveMessage.text'
+        class='component__actions__info md-caption'>
+        {{drawController.saveMessage.text}}
+        <span class='component__actions__more'>
+          <md-tooltip md-direction='top'>
+            {{ drawController.saveMessage.time | amDateFormat:'ddd, MMM D YYYY, h:mm a' }}
+          </md-tooltip>
+          <span am-time-ago='drawController.saveMessage.time'></span>
+        </span>
+    </span>
+  </div>
+  <component-annotations
+      [annotations]='drawController.latestAnnotations'
+      [max-score]='drawController.componentContent.maxScore'>
+  </component-annotations>
 </div>
diff --git a/src/main/webapp/wise5/teacher/teacher-angular-js-module.ts b/src/main/webapp/wise5/teacher/teacher-angular-js-module.ts
index 99eb9fc3ee..a945167efd 100644
--- a/src/main/webapp/wise5/teacher/teacher-angular-js-module.ts
+++ b/src/main/webapp/wise5/teacher/teacher-angular-js-module.ts
@@ -49,6 +49,7 @@ import '../authoringTool/components/authoringToolComponents';
 import '../components/conceptMap/conceptMapAuthoringComponentModule';
 import '../components/discussion/discussionAuthoringComponentModule';
 import '../components/draw/drawAuthoringComponentModule';
+import '../components/draw/drawGradingComponentModule';
 import '../components/embedded/embeddedAuthoringComponentModule';
 import '../components/graph/graphAuthoringComponentModule';
 import '../components/html/htmlAuthoringComponentModule';
@@ -82,6 +83,7 @@ angular
     'conceptMapAuthoringComponentModule',
     'discussionAuthoringComponentModule',
     'drawAuthoringComponentModule',
+    'drawGradingComponentModule',
     'embeddedAuthoringComponentModule',
     'graphAuthoringComponentModule',
     'htmlAuthoringComponentModule',

From 60304284b7d49998af3cf743ef17e9a3b6f002bf Mon Sep 17 00:00:00 2001
From: breity <breity10@gmail.com>
Date: Wed, 24 Feb 2021 11:51:06 -0800
Subject: [PATCH 16/36] Updated MatchGrading styles; removed ::ng-deep and
 !important from component css. #2940

---
 .../match-grading.component.html              | 121 +++++++++---------
 .../match-grading.component.scss              |  65 ++++++----
 .../match-grading/match-grading.component.ts  |   5 +-
 3 files changed, 102 insertions(+), 89 deletions(-)

diff --git a/src/main/webapp/wise5/components/match/match-grading/match-grading.component.html b/src/main/webapp/wise5/components/match/match-grading/match-grading.component.html
index 2c0dab4057..f40dda14a9 100644
--- a/src/main/webapp/wise5/components/match/match-grading/match-grading.component.html
+++ b/src/main/webapp/wise5/components/match/match-grading/match-grading.component.html
@@ -1,4 +1,4 @@
-<div class="component--grading__response__content">
+<div class="component--grading__response__content match-grading">
   <div class="match-content">
     <div fxLayout="row wrap">
       <div class="match-bucket match-bucket--choices"
@@ -6,41 +6,38 @@
           fxFlex.gt-sm="{{isHorizontal ? 50: 100}}">
         <mat-card>
           <mat-card-header>
-            <mat-card-title [innerHTML]="sourceBucket.value">
+            <mat-card-title [innerHTML]="sourceBucket.value"
+                class="primary mat-body-2">
             </mat-card-title>
           </mat-card-header>
           <mat-card-content class="match-bucket__content">
             <mat-list class="match-bucket__contents">
-              <div class="match-bucket__item"
-                  *ngFor="let item of sourceBucket.items">
-                <mat-list-item class="match-bucket__item__contents">
-                  <div class="md-list-item-text">
-                    <div fxLayout="row"
-                        fxLayoutAlign="start center"
-                        mat-line>
-                      <span class="match-bucket__item__contents__text"
-                          [innerHTML]="item.value">
-                      </span>
-                    </div>
-                    <p class="match-feedback md-body-2"
-                        mat-line
-                        *ngIf="item.feedback != null && item.feedback !== ''"
-                        [ngClass]="{'success-bg': !hasCorrectAnswer || item.isCorrect, 'info-bg': item.isIncorrectPosition, 'warn-bg': hasCorrectAnswer && !item.isCorrect}">
-                      <mat-icon *ngIf="hasCorrectAnswer && item.isCorrect">
-                        check
-                      </mat-icon>
-                      <mat-icon *ngIf="hasCorrectAnswer && item.isIncorrectPosition">
-                        warning
-                      </mat-icon>
-                      <mat-icon *ngIf="hasCorrectAnswer && !item.isCorrect && !item.isIncorrectPosition">
-                        clear
-                      </mat-icon>
-                      <span [innerHTML]="item.feedback">
-                      </span>
-                    </p>
-                  </div>
-                </mat-list-item>
-              </div>
+              <mat-list-item class="match-bucket__item__contents"
+                  *ngFor="let item of sourceBucket.items"
+                  fxFlex.gt-sm="{{isHorizontal ? 100 : 50}}">
+                <p mat-line>
+                  <span class="match-bucket__item__contents__text"
+                      [innerHTML]="item.value">
+                  </span>
+                </p>
+                <p class="match-feedback mat-body-2"
+                    *ngIf="item.feedback != null && item.feedback !== ''"
+                    mat-line
+                    [ngClass]="{'success-bg': !hasCorrectAnswer || item.isCorrect, 'info-bg': item.isIncorrectPosition, 'warn-bg': hasCorrectAnswer && !item.isCorrect}"
+                    fxLayoutAlign="start center">
+                  <mat-icon *ngIf="hasCorrectAnswer && item.isCorrect">
+                    check
+                  </mat-icon>
+                  <mat-icon *ngIf="hasCorrectAnswer && item.isIncorrectPosition">
+                    warning
+                  </mat-icon>
+                  <mat-icon *ngIf="hasCorrectAnswer && !item.isCorrect && !item.isIncorrectPosition">
+                    clear
+                  </mat-icon>
+                  <span [innerHTML]="item.feedback">
+                  </span>
+                </p>
+              </mat-list-item>
             </mat-list>
           </mat-card-content>
         </mat-card>
@@ -56,40 +53,36 @@
             fxFlex.gt-sm="{{isHorizontal ? 100 : bucketWidth}}">
           <mat-card>
             <mat-card-header>
-              <mat-card-title [innerHTML]="bucket.value"></mat-card-title>
+              <mat-card-title [innerHTML]="bucket.value"
+                  class="primary mat-body-2"></mat-card-title>
             </mat-card-header>
             <mat-card-content class="match-bucket__content">
               <mat-list class="match-bucket__contents">
-                <div class="match-bucket__item"
+                <mat-list-item class="match-bucket__item__contents"
                     *ngFor="let item of bucket.items">
-                  <mat-list-item class="match-bucket__item__contents">
-                    <div class="md-list-item-text">
-                      <div fxLayout="row"
-                          fxLayoutAlign="start center"
-                          mat-line>
-                        <span class="match-bucket__item__contents__text"
-                            [innerHTML]="item.value">
-                        </span>
-                      </div>
-                      <p class="match-feedback md-body-2"
-                          *ngIf="item.feedback != null && item.feedback !== ''"
-                          mat-line
-                          [ngClass]="{'success-bg': !hasCorrectAnswer || item.isCorrect, 'info-bg': item.isIncorrectPosition, 'warn-bg': hasCorrectAnswer && !item.isCorrect}">
-                        <mat-icon *ngIf="hasCorrectAnswer && item.isCorrect">
-                          check
-                        </mat-icon>
-                        <mat-icon *ngIf="hasCorrectAnswer && item.isIncorrectPosition">
-                          warning
-                        </mat-icon>
-                        <mat-icon *ngIf="hasCorrectAnswer && !item.isCorrect && !item.isIncorrectPosition">
-                          clear
-                        </mat-icon>
-                        <span [innerHTML]="item.feedback">
-                        </span>
-                      </p>
-                    </div>
-                  </mat-list-item>
-                </div>
+                  <p mat-line>
+                    <span class="match-bucket__item__contents__text"
+                        [innerHTML]="item.value">
+                    </span>
+                  </p>
+                  <p class="match-feedback mat-body-2"
+                      *ngIf="item.feedback != null && item.feedback !== ''"
+                      mat-line
+                      [ngClass]="{'success-bg': !hasCorrectAnswer || item.isCorrect, 'info-bg': item.isIncorrectPosition, 'warn-bg': hasCorrectAnswer && !item.isCorrect}"
+                      fxLayoutAlign="start center">
+                    <mat-icon *ngIf="hasCorrectAnswer && item.isCorrect">
+                      check
+                    </mat-icon>
+                    <mat-icon *ngIf="hasCorrectAnswer && item.isIncorrectPosition">
+                      warning
+                    </mat-icon>
+                    <mat-icon *ngIf="hasCorrectAnswer && !item.isCorrect && !item.isIncorrectPosition">
+                      clear
+                    </mat-icon>
+                    <span [innerHTML]="item.feedback">
+                    </span>
+                  </p>
+                </mat-list-item>
               </mat-list>
             </mat-card-content>
           </mat-card>
@@ -104,12 +97,12 @@
       You have used {{componentState.studentData.submitCounter}} of {{componentContent.maxSubmitCount}} attempt(s)
     </div>
     <div *ngIf="hasCorrectAnswer && componentState.studentData.isCorrect === true"
-        style="color: green"
+        class="success"
         i18n>
       Correct
     </div>
     <div *ngIf="hasCorrectAnswer && componentState.studentData.isCorrect === false"
-        style="color: red"
+        class="warn"
         i18n>
       Incorrect
     </div>
diff --git a/src/main/webapp/wise5/components/match/match-grading/match-grading.component.scss b/src/main/webapp/wise5/components/match/match-grading/match-grading.component.scss
index 5b62f51ece..0467f03816 100644
--- a/src/main/webapp/wise5/components/match/match-grading/match-grading.component.scss
+++ b/src/main/webapp/wise5/components/match/match-grading/match-grading.component.scss
@@ -1,29 +1,48 @@
-.mat-card {
-  padding: 0px;
-  margin: 8px;
-}
+.match-grading {
+  .mat-card {
+    padding: 0px;
+    margin: 8px;
+  }
 
-.mat-card-title {
-  font-size: 15px;
-  font-weight: 500;
-  color: #1c8ca8;
-  margin-top: 8px;
-  margin-bottom: 8px !important;
-}
+  .mat-card-header {
+    .mat-card-title {
+      margin-top: 8px;
+      margin-bottom: 8px;
+    }
+  }
 
-.match-bucket__item {
-  cursor: auto !important;
-}
+  .match-bucket__item {
+    cursor: auto;
+  }
 
-.mat-list-item {
-  width: 90% !important;
-  height: 100% !important;
-}
+  .match-bucket__contents {
+    padding-top: 8px;
+  }
 
-::ng-deep .mat-list-item-content {
-  padding: 0px !important;
-}
+  .mat-list-base {
+    .mat-list-item {
+      width: auto;
+      
+      &:not(:last-child) {
+        margin-bottom: 8px;
+      }
+
+      .mat-list-item-content {
+        padding: 0px;
+      }
+    }
+
+    .mat-list-item.mat-2-line {
+      height: auto;
+    }
+
+    .mat-line.match-feedback {
+      margin-top: 0.5rem;
+      padding: 4px;
+    }
+  }
 
-::ng-deep .mat-list .mat-list-item .mat-line {
-  white-space: pre-wrap;
+  .mat-list .mat-list-item .mat-line {
+    white-space: pre-wrap;
+  }
 }
diff --git a/src/main/webapp/wise5/components/match/match-grading/match-grading.component.ts b/src/main/webapp/wise5/components/match/match-grading/match-grading.component.ts
index 3d0e423ddd..342e3032ca 100644
--- a/src/main/webapp/wise5/components/match/match-grading/match-grading.component.ts
+++ b/src/main/webapp/wise5/components/match/match-grading/match-grading.component.ts
@@ -1,10 +1,11 @@
-import { Component } from '@angular/core';
+import { Component, ViewEncapsulation } from '@angular/core';
 import { ComponentGrading } from '../../../classroomMonitor/classroomMonitorComponents/shared/component-grading.component';
 
 @Component({
   selector: 'match-grading',
   templateUrl: 'match-grading.component.html',
-  styleUrls: ['match-grading.component.scss']
+  styleUrls: ['match-grading.component.scss'],
+  encapsulation: ViewEncapsulation.None
 })
 export class MatchGrading extends ComponentGrading {
   sourceBucketId = '0';

From 953c23bba81112a45527a39ba4d539115d5debdd Mon Sep 17 00:00:00 2001
From: breity <breity10@gmail.com>
Date: Wed, 24 Feb 2021 14:08:32 -0800
Subject: [PATCH 17/36] Fixed column layout for MatchGrading choices bucket.
 #2940

---
 .../match-grading.component.html              | 101 +++++++++---------
 .../match-grading.component.scss              |  14 ++-
 2 files changed, 61 insertions(+), 54 deletions(-)

diff --git a/src/main/webapp/wise5/components/match/match-grading/match-grading.component.html b/src/main/webapp/wise5/components/match/match-grading/match-grading.component.html
index f40dda14a9..f03064a4d6 100644
--- a/src/main/webapp/wise5/components/match/match-grading/match-grading.component.html
+++ b/src/main/webapp/wise5/components/match/match-grading/match-grading.component.html
@@ -11,55 +11,10 @@
             </mat-card-title>
           </mat-card-header>
           <mat-card-content class="match-bucket__content">
-            <mat-list class="match-bucket__contents">
-              <mat-list-item class="match-bucket__item__contents"
-                  *ngFor="let item of sourceBucket.items"
-                  fxFlex.gt-sm="{{isHorizontal ? 100 : 50}}">
-                <p mat-line>
-                  <span class="match-bucket__item__contents__text"
-                      [innerHTML]="item.value">
-                  </span>
-                </p>
-                <p class="match-feedback mat-body-2"
-                    *ngIf="item.feedback != null && item.feedback !== ''"
-                    mat-line
-                    [ngClass]="{'success-bg': !hasCorrectAnswer || item.isCorrect, 'info-bg': item.isIncorrectPosition, 'warn-bg': hasCorrectAnswer && !item.isCorrect}"
-                    fxLayoutAlign="start center">
-                  <mat-icon *ngIf="hasCorrectAnswer && item.isCorrect">
-                    check
-                  </mat-icon>
-                  <mat-icon *ngIf="hasCorrectAnswer && item.isIncorrectPosition">
-                    warning
-                  </mat-icon>
-                  <mat-icon *ngIf="hasCorrectAnswer && !item.isCorrect && !item.isIncorrectPosition">
-                    clear
-                  </mat-icon>
-                  <span [innerHTML]="item.feedback">
-                  </span>
-                </p>
-              </mat-list-item>
-            </mat-list>
-          </mat-card-content>
-        </mat-card>
-        <mat-divider class="match-divider {{isHorizontal ? 'match-divider--horizontal' : ''}}"></mat-divider>
-      </div>
-      <div fxLayout="row wrap"
-          fxLayoutAlign="center start"
-          fxFlex="100"
-          fxFlex.gt-sm="{{isHorizontal ? 50 : 100}}">
-        <div *ngFor="let bucket of targetBuckets; index as bucketIndex"
-            class="match-bucket"
-            fxFlex="100"
-            fxFlex.gt-sm="{{isHorizontal ? 100 : bucketWidth}}">
-          <mat-card>
-            <mat-card-header>
-              <mat-card-title [innerHTML]="bucket.value"
-                  class="primary mat-body-2"></mat-card-title>
-            </mat-card-header>
-            <mat-card-content class="match-bucket__content">
-              <mat-list class="match-bucket__contents">
-                <mat-list-item class="match-bucket__item__contents"
-                    *ngFor="let item of bucket.items">
+            <mat-list class="match-bucket__contents columns-2">
+              <div class="match-bucket__item"
+                  *ngFor="let item of sourceBucket.items">
+                <mat-list-item class="match-bucket__item__contents">
                   <p mat-line>
                     <span class="match-bucket__item__contents__text"
                         [innerHTML]="item.value">
@@ -83,6 +38,54 @@
                     </span>
                   </p>
                 </mat-list-item>
+              </div>
+            </mat-list>
+          </mat-card-content>
+        </mat-card>
+        <mat-divider class="match-divider {{isHorizontal ? 'match-divider--horizontal' : ''}}"></mat-divider>
+      </div>
+      <div fxLayout="row wrap"
+          fxLayoutAlign="center start"
+          fxFlex="100"
+          fxFlex.gt-sm="{{isHorizontal ? 50 : 100}}">
+        <div *ngFor="let bucket of targetBuckets; index as bucketIndex"
+            class="match-bucket"
+            fxFlex="100"
+            fxFlex.gt-sm="{{isHorizontal ? 100 : bucketWidth}}">
+          <mat-card>
+            <mat-card-header>
+              <mat-card-title [innerHTML]="bucket.value"
+                  class="primary mat-body-2"></mat-card-title>
+            </mat-card-header>
+            <mat-card-content class="match-bucket__content">
+              <mat-list class="match-bucket__contents">
+                <div class="match-bucket__item"
+                    *ngFor="let item of bucket.items">
+                  <mat-list-item class="match-bucket__item__contents">
+                    <p mat-line>
+                      <span class="match-bucket__item__contents__text"
+                          [innerHTML]="item.value">
+                      </span>
+                    </p>
+                    <p class="match-feedback mat-body-2"
+                        *ngIf="item.feedback != null && item.feedback !== ''"
+                        mat-line
+                        [ngClass]="{'success-bg': !hasCorrectAnswer || item.isCorrect, 'info-bg': item.isIncorrectPosition, 'warn-bg': hasCorrectAnswer && !item.isCorrect}"
+                        fxLayoutAlign="start center">
+                      <mat-icon *ngIf="hasCorrectAnswer && item.isCorrect">
+                        check
+                      </mat-icon>
+                      <mat-icon *ngIf="hasCorrectAnswer && item.isIncorrectPosition">
+                        warning
+                      </mat-icon>
+                      <mat-icon *ngIf="hasCorrectAnswer && !item.isCorrect && !item.isIncorrectPosition">
+                        clear
+                      </mat-icon>
+                      <span [innerHTML]="item.feedback">
+                      </span>
+                    </p>
+                  </mat-list-item>
+                </div>
               </mat-list>
             </mat-card-content>
           </mat-card>
diff --git a/src/main/webapp/wise5/components/match/match-grading/match-grading.component.scss b/src/main/webapp/wise5/components/match/match-grading/match-grading.component.scss
index 0467f03816..a82a60e342 100644
--- a/src/main/webapp/wise5/components/match/match-grading/match-grading.component.scss
+++ b/src/main/webapp/wise5/components/match/match-grading/match-grading.component.scss
@@ -1,3 +1,5 @@
+@import '~style/abstracts/variables', '~style/abstracts/functions';
+
 .match-grading {
   .mat-card {
     padding: 0px;
@@ -16,16 +18,12 @@
   }
 
   .match-bucket__contents {
-    padding-top: 8px;
+    min-height: auto;
   }
 
   .mat-list-base {
     .mat-list-item {
       width: auto;
-      
-      &:not(:last-child) {
-        margin-bottom: 8px;
-      }
 
       .mat-list-item-content {
         padding: 0px;
@@ -45,4 +43,10 @@
   .mat-list .mat-list-item .mat-line {
     white-space: pre-wrap;
   }
+
+  .columns-2 {
+    @media (min-width: breakpoint('md.min')) {
+      column-count: 2;
+    }
+  }
 }

From ce4abf8e790137a782426558cffb48fba7b5f7b7 Mon Sep 17 00:00:00 2001
From: breity <breity10@gmail.com>
Date: Wed, 24 Feb 2021 14:10:41 -0800
Subject: [PATCH 18/36] Fixed min-height for MatchGrading bucket contents.
 #2940

---
 .../match/match-grading/match-grading.component.scss          | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/main/webapp/wise5/components/match/match-grading/match-grading.component.scss b/src/main/webapp/wise5/components/match/match-grading/match-grading.component.scss
index a82a60e342..fac80fd36d 100644
--- a/src/main/webapp/wise5/components/match/match-grading/match-grading.component.scss
+++ b/src/main/webapp/wise5/components/match/match-grading/match-grading.component.scss
@@ -17,10 +17,6 @@
     cursor: auto;
   }
 
-  .match-bucket__contents {
-    min-height: auto;
-  }
-
   .mat-list-base {
     .mat-list-item {
       width: auto;

From 76691e1fb79b39ceef4acebdaf7f6ac968cd0889 Mon Sep 17 00:00:00 2001
From: Hiroki Terashima <honchikun@gmail.com>
Date: Wed, 24 Feb 2021 16:23:47 -0800
Subject: [PATCH 19/36] Added interval for compiling component preview on
 changes.

This fixes the issue where components like match that have many parts slowed down noticeably when a lot of text were inputted.
Before, the preview was updating with each change. The interval acts like a debounce. #2949
---
 .../preview-component/previewComponent.ts       | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/main/webapp/wise5/authoringTool/components/preview-component/previewComponent.ts b/src/main/webapp/wise5/authoringTool/components/preview-component/previewComponent.ts
index cb03fa0859..a31743a16e 100644
--- a/src/main/webapp/wise5/authoringTool/components/preview-component/previewComponent.ts
+++ b/src/main/webapp/wise5/authoringTool/components/preview-component/previewComponent.ts
@@ -4,7 +4,9 @@ import { ProjectService } from '../../../services/projectService';
 class PreviewComponentController {
   componentContent: any;
   componentId: string;
+  isDirty: boolean;
   nodeId: string;
+  updateInterval: any;
 
   static $inject = ['$scope', '$compile', '$element', 'NodeService', 'ProjectService'];
 
@@ -23,19 +25,30 @@ class PreviewComponentController {
     );
     this.$scope.nodeId = this.nodeId;
     this.$scope.type = this.componentContent.type;
+    this.compileComponent();
     this.$scope.$watch(
       () => {
         return this.componentContent;
       },
       () => {
-        this.$scope.componentContent = this.ProjectService.injectAssetPaths(this.componentContent);
-        this.compileComponent();
+        this.isDirty = true;
       },
       true
     );
+    this.updateInterval = setInterval(() => {
+      if (this.isDirty) {
+        this.compileComponent();
+        this.isDirty = false;
+      }
+    }, 3000);
+  }
+
+  $onDestroy() {
+    clearInterval(this.updateInterval);
   }
 
   compileComponent() {
+    this.$scope.componentContent = this.ProjectService.injectAssetPaths(this.componentContent);
     const componentHTML = `<div class="component__wrapper">
           <div ng-include="::componentTemplatePath" class="component__content component__content--{{::type}}"></div>
         </div>`;

From a2f79ae19f5dfe20afcc994835bdade202d34e7b Mon Sep 17 00:00:00 2001
From: Hiroki Terashima <honchikun@gmail.com>
Date: Thu, 25 Feb 2021 08:53:08 -0800
Subject: [PATCH 20/36] Simplified sortByTextField function.

Used javascript's built-in String.localeCompare function. #2943
---
 .../src/app/services/labelService.spec.ts     | 10 +---
 src/main/webapp/site/src/messages.xlf         | 54 +++++++++++--------
 2 files changed, 34 insertions(+), 30 deletions(-)

diff --git a/src/main/webapp/site/src/app/services/labelService.spec.ts b/src/main/webapp/site/src/app/services/labelService.spec.ts
index 0c6cdabfcb..3c044595eb 100644
--- a/src/main/webapp/site/src/app/services/labelService.spec.ts
+++ b/src/main/webapp/site/src/app/services/labelService.spec.ts
@@ -455,15 +455,7 @@ function getCanvasTextObjects(canvas: any): any[] {
 }
 
 function sortByTextField(a: any, b: any): number {
-  const aText: string = a.text;
-  const bText: string = b.text;
-  if (aText > bText) {
-    return 1;
-  } else if (aText < bText) {
-    return -1;
-  } else {
-    return 0;
-  }
+  return a.text.localeCompare(b.text);
 }
 
 function createLabelServiceFunction() {
diff --git a/src/main/webapp/site/src/messages.xlf b/src/main/webapp/site/src/messages.xlf
index f8b06c3c82..a88e97245e 100644
--- a/src/main/webapp/site/src/messages.xlf
+++ b/src/main/webapp/site/src/messages.xlf
@@ -8196,6 +8196,39 @@
           <context context-type="linenumber">213</context>
         </context-group>
       </trans-unit>
+      <trans-unit datatype="html" id="f80d8048e1a73a4f0c35681cc5f8a250754eaf4b">
+        <source> You have used <x equiv-text="{{componentState.studentData.submitCounter}}" id="INTERPOLATION"/> of <x equiv-text="{{componentContent.maxSubmitCount}}" id="INTERPOLATION_1"/> attempt(s) </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">../../wise5/components/match/match-grading/match-grading.component.html</context>
+          <context context-type="linenumber">103</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">../../wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.html</context>
+          <context context-type="linenumber">38</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit datatype="html" id="00a48b9fab48a5ccc0ebf0a2793495ee1cc9f968">
+        <source> Correct </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">../../wise5/components/match/match-grading/match-grading.component.html</context>
+          <context context-type="linenumber">108</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">../../wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.html</context>
+          <context context-type="linenumber">43</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit datatype="html" id="49a3371af0eb58f02e541105eb395340048527ec">
+        <source> Incorrect </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">../../wise5/components/match/match-grading/match-grading.component.html</context>
+          <context context-type="linenumber">113</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">../../wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.html</context>
+          <context context-type="linenumber">48</context>
+        </context-group>
+      </trans-unit>
       <trans-unit datatype="html" id="e9f75e02d7db72cd425f81c273a721c62a617dc4">
         <source>~ Report Available ~</source>
         <context-group purpose="location">
@@ -8259,27 +8292,6 @@
           <context context-type="linenumber">90</context>
         </context-group>
       </trans-unit>
-      <trans-unit datatype="html" id="f80d8048e1a73a4f0c35681cc5f8a250754eaf4b">
-        <source> You have used <x equiv-text="{{componentState.studentData.submitCounter}}" id="INTERPOLATION"/> of <x equiv-text="{{componentContent.maxSubmitCount}}" id="INTERPOLATION_1"/> attempt(s) </source>
-        <context-group purpose="location">
-          <context context-type="sourcefile">../../wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.html</context>
-          <context context-type="linenumber">38</context>
-        </context-group>
-      </trans-unit>
-      <trans-unit datatype="html" id="00a48b9fab48a5ccc0ebf0a2793495ee1cc9f968">
-        <source> Correct </source>
-        <context-group purpose="location">
-          <context context-type="sourcefile">../../wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.html</context>
-          <context context-type="linenumber">43</context>
-        </context-group>
-      </trans-unit>
-      <trans-unit datatype="html" id="49a3371af0eb58f02e541105eb395340048527ec">
-        <source> Incorrect </source>
-        <context-group purpose="location">
-          <context context-type="sourcefile">../../wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.html</context>
-          <context context-type="linenumber">48</context>
-        </context-group>
-      </trans-unit>
       <trans-unit datatype="html" id="6817513ddcee06a7cb2a7b2708e5616b861db81c">
         <source><x equiv-text="{{nodeCompletion}}" id="INTERPOLATION"/>% completed (All periods)</source>
         <context-group purpose="location">

From 7500e77dca55a474def571abc691129e62080839 Mon Sep 17 00:00:00 2001
From: Hiroki Terashima <honchikun@gmail.com>
Date: Thu, 25 Feb 2021 10:51:51 -0800
Subject: [PATCH 21/36] GoogleUserNotFound page now displays again.

The issue was the pathing in the Login routes. Also cleaned up the Component file by removing unnecessary code. #2915
---
 .../login-google-user-not-found.component.ts               | 7 ++-----
 src/main/webapp/site/src/app/login/login-routing.module.ts | 2 +-
 src/main/webapp/site/src/messages.xlf                      | 6 +++---
 3 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/main/webapp/site/src/app/login/login-google-user-not-found/login-google-user-not-found.component.ts b/src/main/webapp/site/src/app/login/login-google-user-not-found/login-google-user-not-found.component.ts
index ec5801115b..44b8d5e4a4 100644
--- a/src/main/webapp/site/src/app/login/login-google-user-not-found/login-google-user-not-found.component.ts
+++ b/src/main/webapp/site/src/app/login/login-google-user-not-found/login-google-user-not-found.component.ts
@@ -1,12 +1,9 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 
 @Component({
   selector: 'app-login-google-user-not-found',
   templateUrl: './login-google-user-not-found.component.html',
   styleUrls: ['./login-google-user-not-found.component.scss']
 })
-export class LoginGoogleUserNotFoundComponent implements OnInit {
-  constructor() {}
-
-  ngOnInit() {}
+export class LoginGoogleUserNotFoundComponent {
 }
diff --git a/src/main/webapp/site/src/app/login/login-routing.module.ts b/src/main/webapp/site/src/app/login/login-routing.module.ts
index 64d90b34e4..f9d95a41cf 100644
--- a/src/main/webapp/site/src/app/login/login-routing.module.ts
+++ b/src/main/webapp/site/src/app/login/login-routing.module.ts
@@ -11,7 +11,7 @@ const loginRoutes: Routes = [
     component: LoginComponent,
     children: [
       { path: '', component: LoginHomeComponent },
-      { path: 'login/googleUserNotFound', component: LoginGoogleUserNotFoundComponent }
+      { path: 'googleUserNotFound', component: LoginGoogleUserNotFoundComponent }
     ]
   }
 ];
diff --git a/src/main/webapp/site/src/messages.xlf b/src/main/webapp/site/src/messages.xlf
index a88e97245e..74323feea3 100644
--- a/src/main/webapp/site/src/messages.xlf
+++ b/src/main/webapp/site/src/messages.xlf
@@ -8200,7 +8200,7 @@
         <source> You have used <x equiv-text="{{componentState.studentData.submitCounter}}" id="INTERPOLATION"/> of <x equiv-text="{{componentContent.maxSubmitCount}}" id="INTERPOLATION_1"/> attempt(s) </source>
         <context-group purpose="location">
           <context context-type="sourcefile">../../wise5/components/match/match-grading/match-grading.component.html</context>
-          <context context-type="linenumber">103</context>
+          <context context-type="linenumber">99</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">../../wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.html</context>
@@ -8211,7 +8211,7 @@
         <source> Correct </source>
         <context-group purpose="location">
           <context context-type="sourcefile">../../wise5/components/match/match-grading/match-grading.component.html</context>
-          <context context-type="linenumber">108</context>
+          <context context-type="linenumber">104</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">../../wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.html</context>
@@ -8222,7 +8222,7 @@
         <source> Incorrect </source>
         <context-group purpose="location">
           <context context-type="sourcefile">../../wise5/components/match/match-grading/match-grading.component.html</context>
-          <context context-type="linenumber">113</context>
+          <context context-type="linenumber">109</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">../../wise5/components/multipleChoice/multiple-choice-grading/multiple-choice-grading.component.html</context>

From 85b6a7df7d8c8c758ec4229f38daf88853c52c8f Mon Sep 17 00:00:00 2001
From: breity <breity10@gmail.com>
Date: Thu, 25 Feb 2021 11:59:20 -0800
Subject: [PATCH 22/36] Updated logic for whether to show notebook elements in
 VLE. #2827

---
 src/main/webapp/wise5/themes/default/vle.html | 40 ++++++++++++-------
 src/main/webapp/wise5/vle/vleController.ts    |  8 ++--
 2 files changed, 28 insertions(+), 20 deletions(-)

diff --git a/src/main/webapp/wise5/themes/default/vle.html b/src/main/webapp/wise5/themes/default/vle.html
index 0e2ab75396..6daee118bd 100644
--- a/src/main/webapp/wise5/themes/default/vle.html
+++ b/src/main/webapp/wise5/themes/default/vle.html
@@ -4,20 +4,28 @@
 <style ng-bind-html="::vleController.projectStyle"></style>
 <disable-delete-keypress>
   <listen-for-delete-keypress>
-    <div class="app-styles" role="main" layout="column" layout-fill
-         ng-controller="ThemeController as themeCtrl" ng-mousemove="themeCtrl.mouseMoved()"
-         ng-class="::{'notebook-enabled': vleController.notebookEnabled}"
-         style="position: absolute;">
+    <div class="app-styles"
+        role="main"
+        layout="column"
+        layout-fill
+        ng-controller="ThemeController as themeCtrl"
+        ng-mousemove="themeCtrl.mouseMoved()"
+        ng-class="::{'notebook-enabled': vleController.notebookEnabled}"
+        style="position: absolute;">
       <ng-include src="::vleController.themePath + '/templates/topbar.html'"></ng-include>
       <step-tools show-position="themeCtrl.numberProject" ng-if="themeCtrl.layoutState === 'node'">
       </step-tools>
-      <md-content id="content" flex role="main" ui-scrollpoint-target
-                  ng-class="{'l-nav': themeCtrl.layoutState === 'nav', 'l-node': themeCtrl.layoutState === 'node'}"
-                  layout="column">
-        <div id="nav" ng-include="::vleController.themePath + '/navigation/navigation.html'"
-             ng-show="themeCtrl.layoutState === 'nav'"></div>
+      <md-content id="content"
+          flex
+          role="main"
+          ui-scrollpoint-target
+          ng-class="{'l-nav': themeCtrl.layoutState === 'nav', 'l-node': themeCtrl.layoutState === 'node'}"
+          layout="column">
+        <div id="nav"
+            ng-include="::vleController.themePath + '/navigation/navigation.html'"
+            ng-show="themeCtrl.layoutState === 'nav'"></div>
         <div ng-if="themeCtrl.isEndedAndLocked"
-             style="color: red; display: flex; justify-content: center; align-items: center; height: 30px;">
+            style="color: red; display: flex; justify-content: center; align-items: center; height: 30px;">
           <span style="border: 1px solid black; border-radius: 3px; padding-left: 8px; padding-right: 8px; background-color: white;">
             {{ themeCtrl.endedAndLockedMessage }}
           </span>
@@ -25,14 +33,16 @@
         <div id="node" ng-cloak ui-view="nodeView" ng-if="themeCtrl.layoutState === 'node'">
         </div>
       </md-content>
-      <md-sidenav class="md-sidenav-right md-whiteframe-4dp notebook-sidebar"
-                  md-component-id="notes" md-disable-backdrop
-                  md-is-open="vleController.notesVisible">
+      <md-sidenav ng-if="vleController.notesEnabled"
+          class="md-sidenav-right md-whiteframe-4dp notebook-sidebar"
+          md-component-id="notes"
+          md-disable-backdrop
+          md-is-open="vleController.notesVisible">
         <notebook-notes [config]="vleController.notebookConfig"></notebook-notes>
       </md-sidenav>
       <global-annotations></global-annotations>
-      <notebook-launcher ng-if="vleController.notebookEnabled && !vleController.notesVisible" 
-                         [notebook-config]="vleController.notebookConfig"></notebook-launcher>
+      <notebook-launcher ng-if="vleController.notesEnabled && !vleController.notesVisible"
+          [notebook-config]="vleController.notebookConfig"></notebook-launcher>
       <notebook></notebook>
     </div>
   </listen-for-delete-keypress>
diff --git a/src/main/webapp/wise5/vle/vleController.ts b/src/main/webapp/wise5/vle/vleController.ts
index 90472ee328..d12af95ea7 100644
--- a/src/main/webapp/wise5/vle/vleController.ts
+++ b/src/main/webapp/wise5/vle/vleController.ts
@@ -24,7 +24,7 @@ class VLEController {
   navFilters: any;
   newNotifications: any;
   noteDialog: any;
-  notebookEnabled: boolean;
+  notesEnabled: boolean = false;
   notebookConfig: any;
   notebookItemPath: string;
   notesVisible: boolean = false;
@@ -102,12 +102,10 @@ class VLEController {
     this.projectName = this.ProjectService.getProjectTitle();
     this.totalScore = this.StudentDataService.getTotalScore();
     this.maxScore = this.StudentDataService.maxScore;
-    this.notebookEnabled = this.NotebookService.isNotebookEnabled();
-    if (this.notebookEnabled) {
+    if (this.NotebookService.isNotebookEnabled()) {
       this.notebookConfig = this.NotebookService.getStudentNotebookConfig();
+      this.notesEnabled = this.notebookConfig.itemTypes.note.enabled;
     }
-    // Get report, if enabled; assume only one report for now
-    this.reportItem = this.notebookConfig.itemTypes.report.notes[0];
 
     let userType = this.ConfigService.getConfigParam('userType');
     let contextPath = this.ConfigService.getConfigParam('contextPath');

From fb0fb30319ecdc92e32fa613688d5add29204f69 Mon Sep 17 00:00:00 2001
From: breity <breity10@gmail.com>
Date: Thu, 25 Feb 2021 12:00:48 -0800
Subject: [PATCH 23/36] Fixed some NotebookNotes styles. #2827

---
 .../notebook-notes.component.html             | 76 +++++++++----------
 .../notebook-notes.component.scss             | 13 ++--
 .../notebook-notes.component.ts               |  2 +-
 3 files changed, 43 insertions(+), 48 deletions(-)

diff --git a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.html b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.html
index bf76fe3d7e..a0c1386c59 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.html
+++ b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.html
@@ -1,10 +1,6 @@
 <ng-template #notebookItems let-group="group">
-  <div class="notes"
-      [ngClass]="{'notebook-items--insert': insertMode}"
-      fxLayout="row wrap">
-    <div *ngIf="!hasNotes" i18n>
-      You haven't created any {{label.plural}} yet.
-    </div>
+  <div class="notes" fxLayout="row wrap">
+    <div *ngIf="!hasNotes" i18n>You haven't created any {{label.plural}} yet.</div>
     <notebook-item *ngFor="let note of group.items"
         [config]="config"
         [group]="group.name"
@@ -25,9 +21,7 @@
 
 <ng-template #multipleGroups>
   <mat-tab-group mat-selected="selectedTabIndex" animationDuration="0ms">
-    <mat-tab *ngFor="let group of groups"
-        [disabled]="group.disabled"
-        [label]="group.title">
+    <mat-tab *ngFor="let group of groups" [disabled]="group.disabled" [label]="group.title">
       <div class="center">
         <ng-container *ngTemplateOutlet="notebookItems; context: {group: group}"></ng-container>
       </div>
@@ -35,21 +29,19 @@
   </mat-tab-group>
 </ng-template>
 
-<div class="notebook-notes">
+<div class="notebook-notes" [class.insert-mode]="insertMode">
   <ng-container *ngIf="mode !== 'classroomMonitor'">
-    <div [class.dark-theme]="insertMode">
-      <mat-toolbar role="heading">
-        <h4 *ngIf="insertMode" i18n>Select Item To Insert</h4>
-        <h4 *ngIf="!insertMode">{{label.link}}</h4>
-        <span fxFlex></span>
-        <button (click)="close()"
-            mat-icon-button
-            i18n-aria-label
-            attr.aria-label="Close {{label.link}}">
-          <mat-icon>close</mat-icon>
-        </button>
-      </mat-toolbar>
-    </div>
+    <mat-toolbar role="heading">
+      <h4 *ngIf="insertMode" class="info" i18n>Select item to insert</h4>
+      <h4 *ngIf="!insertMode">{{label.link}}</h4>
+      <span fxFlex></span>
+      <button (click)="close()"
+          mat-icon-button
+          i18n-aria-label
+          attr.aria-label="Close {{label.link}}">
+        <mat-icon class="secondary-text">close</mat-icon>
+      </button>
+    </mat-toolbar>
     <mat-divider></mat-divider>
     <div class="notes-wrapper">
       <ng-container [ngTemplateOutlet]="groups.length > 1 ? multipleGroups : oneGroup">
@@ -69,24 +61,26 @@ <h4 *ngIf="!insertMode">{{label.link}}</h4>
     </button>
   </ng-container>
   <div class="notes notes-grading" *ngIf="mode === 'classroomMonitor'">
-    <div *ngFor="let group of groups">
-      <h4 *ngIf="groups.length > 1" class="mat-body-2 secondary-text">{{group.title}}</h4>
-      <div  fxLayout="row wrap" fxLayoutAlign="start center">
-        <notebook-item *ngFor="let note of group.items"
-            [config]="config"
-            [group]="group.name"
-            [itemId]="note.localNotebookItemId"
-            [isChooseMode]="insertMode"
-            [note]="note"
-            fxFlex="100"
-            fxFlex.gt-xs="50"
-            fxFlex.gt-sm="33"
-            fxFlex.gt-md="25">
-        </notebook-item>
+    <ng-container *ngIf="hasNotes">
+      <div *ngFor="let group of groups">
+        <h4 *ngIf="groups.length > 1" class="group-header mat-body-2 secondary-text">{{group.title}}</h4>
+        <div fxLayout="row wrap" fxLayoutAlign="start center">
+          <notebook-item *ngFor="let note of group.items"
+              [config]="config"
+              [group]="group.name"
+              [itemId]="note.localNotebookItemId"
+              [isChooseMode]="insertMode"
+              [note]="note"
+              fxFlex="100"
+              fxFlex.gt-xs="50"
+              fxFlex.gt-sm="33"
+              fxFlex.gt-md="25">
+          </notebook-item>
+        </div>
       </div>
-      <div *ngIf="!hasNotes" i18n>
-        Team hasn't created any {{label.plural}} yet.
-      </div>
-    </div>
+    </ng-container>
+    <p *ngIf="!hasNotes" i18n>
+      Team hasn't created any {{label.plural}} yet.
+    </p>
   </div>
 </div>
diff --git a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.scss b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.scss
index 46a9dc84ad..0a5a68bb4e 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.scss
+++ b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.scss
@@ -5,10 +5,8 @@ $new-note-bottom: 24px;
   flex-direction: column;
   height: 100%;
 
-  &:not(.dark-theme) {
-    .mat-toolbar {
-      background-color: transparent;
-    }
+  .mat-toolbar {
+    background-color: transparent;
   }
 
   .mat-divider {
@@ -38,8 +36,7 @@ $new-note-bottom: 24px;
   }
 
   .notes-grading {
-    padding-top: 0;
-    padding-bottom: 0;
+    padding-bottom: 16px;
   }
 
   notebook-item {
@@ -52,4 +49,8 @@ $new-note-bottom: 24px;
     right: 28px;
     z-index: 1;
   }
+
+  .group-header {
+    margin-top: 0;
+  }
 }
diff --git a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts
index 56cdef0615..2b2726a108 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
+import { Component, Input, ViewEncapsulation } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { ConfigService } from '../../../../../wise5/services/configService';
 import { NotebookService } from '../../../../../wise5/services/notebookService';

From 69eba1adefecc846125819a0312daf163640bca7 Mon Sep 17 00:00:00 2001
From: breity <breity10@gmail.com>
Date: Fri, 26 Feb 2021 11:27:17 -0800
Subject: [PATCH 24/36] Removed NotebookReport's dependency on Notebook
 component. #2827

---
 .../notebook-parent.component.ts              |   2 +-
 ...notebook-report-annotations.component.html |   7 +-
 .../notebook-report.component.html            | 125 +++++++++--------
 .../notebook-report.component.scss            |  40 +++---
 .../notebook-report.component.spec.ts         |   3 +
 .../notebook-report.component.ts              | 130 ++++++++----------
 src/main/webapp/site/src/messages.xlf         |  39 +++---
 .../webapp/wise5/services/notebookService.ts  |   6 +
 .../wise5/themes/default/style/author.css     |   2 +-
 .../wise5/themes/default/style/author.css.map |   2 +-
 .../default/style/modules/_notebook.scss      | 116 ++++------------
 .../wise5/themes/default/style/monitor.css    |   2 +-
 .../themes/default/style/monitor.css.map      |   2 +-
 .../webapp/wise5/themes/default/style/vle.css |   2 +-
 .../wise5/themes/default/style/vle.css.map    |   2 +-
 src/main/webapp/wise5/themes/default/vle.html |   4 +-
 src/main/webapp/wise5/vle/vleController.ts    |  13 +-
 17 files changed, 228 insertions(+), 269 deletions(-)

diff --git a/src/main/webapp/site/src/app/notebook/notebook-parent/notebook-parent.component.ts b/src/main/webapp/site/src/app/notebook/notebook-parent/notebook-parent.component.ts
index f287a04833..9926ffc66a 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-parent/notebook-parent.component.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-parent/notebook-parent.component.ts
@@ -23,7 +23,7 @@ export class NotebookParentComponent {
   insertModeSubscription: Subscription;
 
   constructor(
-    private ConfigService: ConfigService,
+    public ConfigService: ConfigService,
     public NotebookService: NotebookService,
     private UtilService: UtilService
   ) {}
diff --git a/src/main/webapp/site/src/app/notebook/notebook-report-annotations/notebook-report-annotations.component.html b/src/main/webapp/site/src/app/notebook/notebook-report-annotations/notebook-report-annotations.component.html
index df8515d9a7..6961ab94c9 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-report-annotations/notebook-report-annotations.component.html
+++ b/src/main/webapp/site/src/app/notebook/notebook-report-annotations/notebook-report-annotations.component.html
@@ -17,10 +17,9 @@
       </div>
       <hr *ngIf="annotations.comment" />
       <div layout="row" laoyut-align="start center">
-        <span *ngIf="showScore && annotations.score"
-              class="annotations__score"
-              translate="SCORE_LABEL_AND_VALUE"
-              translate-value-score="{{annotations.score.data.value}}{{maxScoreDisplay}}"></span>
+        <span *ngIf="showScore && annotations.score" class="annotations__score" i18n>
+          Score: {{annotations.score.data.value}}{{maxScoreDisplay}}
+        </span>
         <span flex></span>
         <span>
           <span class="annotations__info"
diff --git a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.html b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.html
index b8ab7f00a5..a117f703eb 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.html
+++ b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.html
@@ -1,61 +1,78 @@
-<div *ngIf="visible" class="container" [ngClass]="{'full': full && !collapsed}">
-  <mat-card class="report mat-elevation-3dp" fxLayout="column" [ngClass]="{'collapsed': collapsed}">
-    <mat-card-header class="dark-theme mat-app-background" (click)="collapse()"
-                     fxLayoutAlign="start center">
-      <div mat-card-avatar fxLayoutAlign="center center">
-        <mat-icon> assignment </mat-icon>
-      </div>
-      <mat-card-title class="mat-body-1 overflow--ellipsis">
-        {{reportItem.content.title}}
-      </mat-card-title>
+<mat-card *ngIf="mode !== 'classroomMonitor'" 
+    [ngClass]="{}"
+    class="notebook-report mat-elevation-3dp"
+    fxLayout="column"
+    [ngClass]="{'collapsed': collapsed, 'full': full && !collapsed}">
+  <mat-card-header class="dark-theme mat-app-background"
+      (click)="toggleCollapse()"
+      fxLayoutAlign="start center">
+    <div mat-card-avatar fxLayoutAlign="center center">
+      <mat-icon> assignment </mat-icon>
+    </div>
+    <mat-card-title class="mat-body-1 overflow--ellipsis">
+      {{reportItem.content.title}}
+    </mat-card-title>
+    <span fxFlex></span>
+    <button mat-icon-button
+        i18n-title
+        title="Toggle Full Screen"
+        (click)="$event.stopPropagation(); fullscreen()">
+      <mat-icon *ngIf="!full || collapsed"> fullscreen </mat-icon>
+      <mat-icon *ngIf="full && !collapsed"> fullscreen_exit </mat-icon>
+    </button>
+    <button *ngIf="!collapsed"
+        mat-icon-button
+        i18n-title title="Collapse" 
+        (click)="$event.stopPropagation(); toggleCollapse()">
+      <mat-icon> arrow_drop_down </mat-icon>
+    </button>
+    <button mat-icon-button
+        i18n-title title="Restore"
+        *ngIf="collapsed"
+        (click)="$event.stopPropagation(); toggleCollapse()">
+      <mat-icon> arrow_drop_up </mat-icon>
+    </button>
+  </mat-card-header>
+  <mat-card-content [class.hidden]="collapsed" fxFlex>
+    <wise-tinymce-editor [(model)]="reportItemContent"
+        (modelChange)="changed(reportItemContent)"
+        [isAddNoteButtonAvailable]="isAddNoteButtonAvailable"
+        (openNotebook)="addNotebookItemContent($event)">
+    </wise-tinymce-editor>
+    <notebook-report-annotations *ngIf="hasAnnotation"
+        [annotations]="latestAnnotations"
+        [hasNew]="hasNewAnnotation"
+        [maxScore]="maxScore">
+    </notebook-report-annotations>
+  </mat-card-content>
+  <mat-card-actions [class.hidden]="collapsed">
+    <div class="actions" fxLayoutGap="8px" fxLayoutAlign="start center">
+      <button mat-flat-button
+          color="primary"
+          [disabled]="!dirty"
+          (click)="saveNotebookReportItem()"
+          i18n>Save</button>
+      <span *ngIf="saveTime" class="mat-caption secondary-text save-time"
+            matTooltip="{{ saveTime | amDateFormat:'ddd, MMM D YYYY, h:mm a' }}"
+            matTooltipPosition="above">
+        <em i18n>Saved {{ saveTime | amTimeAgo }}</em>
+      </span>
+      <div id="{{reportId}}-toolbar"></div>
       <span fxFlex></span>
-      <button mat-icon-button i18n-title title="Toggle Full Screen"
-              (click)="$event.stopPropagation(); fullscreen()">
-        <mat-icon *ngIf="!full || collapsed"> fullscreen </mat-icon>
-        <mat-icon *ngIf="full && !collapsed"> fullscreen_exit </mat-icon>
-      </button>
-      <button mat-icon-button i18n-title title="Collapse" *ngIf="!collapsed"
-              (click)="$event.stopPropagation(); collapse()">
-        <mat-icon> arrow_drop_down </mat-icon>
-      </button>
-      <button mat-icon-button i18n-title title="Restore" *ngIf="collapsed"
-              (click)="$event.stopPropagation(); collapse()">
-        <mat-icon> arrow_drop_up </mat-icon>
-      </button>
-    </mat-card-header>
-    <mat-content [hidden]="collapsed" fxFlex>
-      <wise-tinymce-editor [(model)]="reportItemContent" (modelChange)="changed(reportItemContent)"
-                           [isAddNoteButtonAvailable]="isAddNoteButtonAvailable"
-                           (openNotebook)="addNotebookItemContent($event)">
-      </wise-tinymce-editor>
-      <notebook-report-annotations *ngIf="hasAnnotation" [annotations]="latestAnnotations"
-                                   [hasNewAnnotation]="hasNewAnnotation" [maxScore]="maxScore">
-      </notebook-report-annotations>
-    </mat-content>
-    <mat-card-actions *ngIf="!collapsed">
-      <div class="actions" fxLayoutGap="8px" fxLayoutAlign="start center">
-        <button mat-flat-button color="primary" [disabled]="!dirty"
-                (click)="saveNotebookReportItem()">Save</button>
-        <span *ngIf="saveTime" class="mat-caption secondary-text save-time"
-              matTooltip="{{ saveTime | amDateFormat:'ddd, MMM D YYYY, h:mm a' }}"
-              matTooltipPosition="above">
-          <em i18n>Saved {{ saveTime | amTimeAgo }}</em>
-        </span>
-        <div id="{{reportId}}-toolbar"></div>
-        <span fxFlex></span>
-        <mat-icon *ngIf="reportItem.content.prompt" class="info" tabindex="0"
-                  matTooltip="{{reportItem.content.title}}: {{reportItem.content.prompt}}"
-                  matTooltipPosition="above">info</mat-icon>
-      </div>
-    </mat-card-actions>
-  </mat-card>
-</div>
+      <mat-icon *ngIf="reportItem.content.prompt"
+          class="info"
+          tabindex="0"
+          matTooltip="{{reportItem.content.title}}: {{reportItem.content.prompt}}"
+          matTooltipPosition="above">info</mat-icon>
+    </div>
+  </mat-card-actions>
+</mat-card>
 <div *ngIf="mode === 'classroomMonitor'">
   <article *ngIf="hasReport">
     <div [innerHTML]="reportItemContent"></div>
   </article>
-  <p *ngIf="!hasReport" translate="noReport"
-     translate-value-term="{{config.itemTypes.report.notes[0].title}}">
+  <p *ngIf="!hasReport" i18n>
+    Team hasn't worked on {{ config.itemTypes.report.notes[0].title }} yet.
   </p>
   <!--<notebook-item-grading notebook-item="$ctrl.reportItem"></notebook-item-grading>-->
-</div>
\ No newline at end of file
+</div>
diff --git a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.scss b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.scss
index 2e5496c385..2028b6ef4a 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.scss
+++ b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.scss
@@ -6,33 +6,23 @@ $title-width-collapsed: 164px !default;
 $width: 450px !default;
 $width-collapsed: 300px !default;
 
-.container {
-  max-height: 90%;
-  bottom: 0;
-  right: 96px;
-  position: absolute;
-  z-index: 3;
-}
-
-.full {
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  max-height: none;
-}
-
-.report {
+.notebook-report {
   height: $height;
   width: $width;
   padding: 0;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 
-  .full & {
+  &.full {
     height: 100%;
     width: 100%;
-    border-radius: 0;
+    border-bottom-left-radius: $card-border-radius;
+    border-bottom-right-radius: $card-border-radius;
+
+    .actions {
+      border-bottom-left-radius: $card-border-radius;
+      border-bottom-right-radius: $card-border-radius;
+    }
   }
 }
 
@@ -41,14 +31,14 @@ $width-collapsed: 300px !default;
   width: $width-collapsed;
 }
 
+.hidden {
+  display: none;
+}
+
 .mat-card-header {
   cursor: pointer;
   border-top-left-radius: $card-border-radius;
   border-top-right-radius: $card-border-radius;
-
-  .full & {
-    border-radius: 0;
-  }
 }
 
 .mat-card-header .mat-card-title {
@@ -66,6 +56,10 @@ $width-collapsed: 300px !default;
   }
 }
 
+.mat-card-content {
+  margin-bottom: 0;
+}
+
 .mat-card-actions {
   margin: 0;
   padding: 0;
diff --git a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.spec.ts b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.spec.ts
index 7259ecc9d1..a2e2ece789 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.spec.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.spec.ts
@@ -2,6 +2,7 @@ import { HttpClientTestingModule } from "@angular/common/http/testing";
 import { TestBed } from "@angular/core/testing";
 import { UpgradeModule } from "@angular/upgrade/static";
 import { configureTestSuite } from "ng-bullet";
+import { Subscription } from "rxjs";
 import { AnnotationService } from "../../../../../wise5/services/annotationService";
 import { ConfigService } from "../../../../../wise5/services/configService";
 import { NotebookService } from "../../../../../wise5/services/notebookService";
@@ -37,6 +38,8 @@ describe('NotebookReportComponent', () => {
   beforeEach(() => {
     const fixture = TestBed.createComponent(NotebookReportComponent);
     component = fixture.componentInstance;
+    component.notebookItemAnnotationReceivedSubscription = new Subscription();
+    component.showReportAnnotationsSubscription = new Subscription();
     component.config = createConfig();
   });
 
diff --git a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.ts b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.ts
index 6cf99a6c64..37f225bb3f 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.ts
@@ -1,96 +1,53 @@
-import { Component, EventEmitter, Input, Output } from "@angular/core";
+import { Component } from "@angular/core";
 import { Subscription } from "rxjs";
 import { AnnotationService } from "../../../../../wise5/services/annotationService";
 import { ConfigService } from "../../../../../wise5/services/configService";
 import { NotebookService } from "../../../../../wise5/services/notebookService";
 import { ProjectService } from "../../../../../wise5/services/projectService";
+import { UtilService } from '../../../../../wise5/services/utilService';
+import { NotebookParentComponent } from "../notebook-parent/notebook-parent.component";
 
 @Component({
   selector: 'notebook-report',
   styleUrls: ['notebook-report.component.scss'],
   templateUrl: 'notebook-report.component.html'
 })
-export class NotebookReportComponent {
-
-  @Input()
-  config: any;
-
-  @Input()
-  insertContent: any;
-
-  @Input()
-  insertMode: string;
-
-  @Input()
-  reportId: string;
-
-  @Input()
-  visible: boolean;
-
-  @Input()
-  workgroupId: number;
-
-  @Input()
-  mode: string;
-
-  @Input()
-  hasNewAnnotation: boolean;
-
-  @Input()
-  maxScore: number;
-
-  @Output()
-  onCollapse: EventEmitter<any> = new EventEmitter();
-
-  @Output()
-  onSetInsertMode: EventEmitter<any> = new EventEmitter();
-
-  hasReport: boolean = false;
-  full: boolean = false;
-  collapsed: boolean = true;
-  dirty: boolean = false;
+export class NotebookReportComponent extends NotebookParentComponent {
   autoSaveIntervalMS: number = 30000;
   autoSaveIntervalId: any;
-  saveTime: number = null;
-  reportItem: any;
-  reportItemContent: any;
-  latestAnnotations: any;
+  collapsed: boolean = true;
+  dirty: boolean = false;
+  full: boolean = false;
   hasAnnotation: boolean = false;
+  hasNewAnnotation: boolean = false;
   isAddNoteButtonAvailable: boolean;
+  hasReport: boolean = false;
+  latestAnnotations: any;
+  maxScore: number;
+  reportId: number;
+  reportItem: any;
+  reportItemContent: any;
+  saveTime: number = null;
   notebookItemAnnotationReceivedSubscription: Subscription;
   showReportAnnotationsSubscription: Subscription;
 
   constructor(
     private AnnotationService: AnnotationService,
-    private ConfigService: ConfigService,
-    private NotebookService: NotebookService,
-    private ProjectService: ProjectService
+    ConfigService: ConfigService,
+    NotebookService: NotebookService,
+    private ProjectService: ProjectService,
+    UtilService: UtilService
   ) {
+    super(ConfigService, NotebookService, UtilService);
   }
 
-  ngOnInit(): void {
+  initComplete(): void {
     this.reportId = this.config.itemTypes.report.notes[0].reportId;
-    if (this.workgroupId == null) {
-      this.workgroupId = this.ConfigService.getWorkgroupId();
-    }
-    this.reportItem = this.NotebookService.getLatestNotebookReportItemByReportId(
-      this.reportId,
-      this.workgroupId
-    );
-    if (this.reportItem) {
-      this.hasReport = true;
-      const clientSaveTime = this.convertServerSaveTimeToClientSaveTime(
-        this.reportItem.serverSaveTime
-      );
-      this.setSaveTime(clientSaveTime);
-    } else {
-      this.reportItem = this.NotebookService.getTemplateReportItemByReportId(this.reportId);
-      if (this.reportItem == null) {
-        return;
-      }
+    this.setReportItem();
+    if (this.reportItem == null) {
+      return;
     }
     this.maxScore = this.NotebookService.getMaxScoreByReportId(this.reportId);
-
     if (this.mode !== 'classroomMonitor') {
       this.reportItem.id = null; // set the id to null so it can be inserted as initial version, as opposed to updated. this is true for both new and just-loaded reports.
     }
@@ -103,7 +60,8 @@ export class NotebookReportComponent {
     this.startAutoSaveInterval();
     this.isAddNoteButtonAvailable = this.isNoteEnabled();
 
-    this.notebookItemAnnotationReceivedSubscription = this.NotebookService.notebookItemAnnotationReceived$.subscribe(
+    this.notebookItemAnnotationReceivedSubscription = 
+        this.NotebookService.notebookItemAnnotationReceived$.subscribe(
       ({ annotation }: any) => {
         if (annotation.localNotebookItemId === this.reportId) {
           this.hasNewAnnotation = true;
@@ -119,7 +77,7 @@ export class NotebookReportComponent {
     this.showReportAnnotationsSubscription = this.NotebookService.showReportAnnotations$.subscribe(
       () => {
         if (this.collapsed) {
-          this.collapse();
+          this.toggleCollapse();
         }
         const $notebookReportContent = $('.notebook-report__content');
         setTimeout(() => {
@@ -134,6 +92,31 @@ export class NotebookReportComponent {
     );
   }
 
+  ngOnDestroy(): void {
+    this.unsubscribeAll();
+  }
+
+  unsubscribeAll(): void {
+    this.notebookItemAnnotationReceivedSubscription.unsubscribe();
+    this.showReportAnnotationsSubscription.unsubscribe();
+  }
+
+  setReportItem() {
+    this.reportItem = this.NotebookService.getLatestNotebookReportItemByReportId(
+      this.reportId,
+      this.workgroupId
+    );
+    if (this.reportItem) {
+      this.hasReport = true;
+      const clientSaveTime = this.convertServerSaveTimeToClientSaveTime(
+        this.reportItem.serverSaveTime
+      );
+      this.setSaveTime(clientSaveTime);
+    } else {
+      this.reportItem = this.NotebookService.getTemplateReportItemByReportId(this.reportId);
+    }
+  }
+
   calculateHasAnnotation(latestAnnotations: any): boolean {
     if (latestAnnotations != null) {
       return latestAnnotations.score != null || latestAnnotations.comment != null;
@@ -145,11 +128,8 @@ export class NotebookReportComponent {
     return this.ConfigService.convertToClientTimestamp(serverSaveTime);
   }
 
-  collapse(): void {
+  toggleCollapse(): void {
     this.collapsed = !this.collapsed;
-    if (this.collapsed) {
-      this.onCollapse.emit();
-    }
   }
 
   fullscreen(): void {
@@ -159,10 +139,12 @@ export class NotebookReportComponent {
     } else {
       this.full = !this.full;
     }
+    this.NotebookService.setReportFullScreen(this.full);
   }
 
   addNotebookItemContent($event: any): void {
-    this.onSetInsertMode.emit({ value: true, requester: 'report' });
+    this.NotebookService.setInsertMode(true);
+    this.NotebookService.setNotesVisible(true);
   }
 
   changed(value: string): void {
diff --git a/src/main/webapp/site/src/messages.xlf b/src/main/webapp/site/src/messages.xlf
index ef7c20c540..f8fe0f1990 100644
--- a/src/main/webapp/site/src/messages.xlf
+++ b/src/main/webapp/site/src/messages.xlf
@@ -5421,74 +5421,81 @@
           <context context-type="linenumber">44</context>
         </context-group>
       </trans-unit>
-      <trans-unit datatype="html" id="ae7a86016e233fc1a7e0886e68e9ad66a53d63e2">
-        <source> You haven't created any <x equiv-text="{{label.plural}}" id="INTERPOLATION"/> yet. </source>
+      <trans-unit datatype="html" id="7a4dcc3f14029f6e71021bc396effab868353ad5">
+        <source>You haven't created any <x equiv-text="{{label.plural}}" id="INTERPOLATION"/> yet.</source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-notes/notebook-notes.component.html</context>
-          <context context-type="linenumber">5</context>
+          <context context-type="linenumber">3</context>
         </context-group>
       </trans-unit>
-      <trans-unit datatype="html" id="7c658599b96077f65bfb4fa52465911e09e25b81">
-        <source>Select Item To Insert</source>
+      <trans-unit datatype="html" id="6b19ee5aa027ce641a0df6d12215e956fce185f5">
+        <source>Select item to insert</source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-notes/notebook-notes.component.html</context>
-          <context context-type="linenumber">42</context>
+          <context context-type="linenumber">35</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="499193338ae9eb585e15fe0aecbf6f5ee1a12fc0">
         <source>Add <x equiv-text="{{config.itemTypes.note.label.singular}}" id="INTERPOLATION"/></source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-notes/notebook-notes.component.html</context>
-          <context context-type="linenumber">65</context>
+          <context context-type="linenumber">57</context>
         </context-group>
       </trans-unit>
-      <trans-unit datatype="html" id="63ed080bcfe44c14dbc55c5be82e82e602eef812">
+      <trans-unit datatype="html" id="4af03f43ed2c1d162531316a776d96f6d10621d0">
         <source> Team hasn't created any <x equiv-text="{{label.plural}}" id="INTERPOLATION"/> yet. </source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-notes/notebook-notes.component.html</context>
-          <context context-type="linenumber">87</context>
+          <context context-type="linenumber">82</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="3de550daa9bf35829dbeb9099844614347d2dbc5">
         <source>Toggle Full Screen</source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-report/notebook-report.component.html</context>
-          <context context-type="linenumber">12</context>
+          <context context-type="linenumber">18</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="e8bcb762b48cf52fbea66ce9c4f6b970b99a80fd">
         <source>Collapse</source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-report/notebook-report.component.html</context>
-          <context context-type="linenumber">17</context>
+          <context context-type="linenumber">25</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="d5cec7468241d72cafd86ad1af6d55b09a6e3ae5">
         <source>Restore</source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-report/notebook-report.component.html</context>
-          <context context-type="linenumber">21</context>
+          <context context-type="linenumber">30</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit datatype="html" id="52c9a103b812f258bcddc3d90a6e3f46871d25fe">
+        <source>Save</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/notebook/notebook-report/notebook-report.component.html</context>
+          <context context-type="linenumber">54</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="044703276ff14d0a94f05154d5bc032872465a0d">
         <source>Saved <x equiv-text="{{ saveTime | amTimeAgo }}" id="INTERPOLATION"/></source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-report/notebook-report.component.html</context>
-          <context context-type="linenumber">42</context>
+          <context context-type="linenumber">58</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="70cfd60f574a2e5b823237ac05381d8d488e4c7c">
         <source> Team hasn't worked on <x equiv-text="{{ config.itemTypes.report.notes[0].title }}" id="INTERPOLATION"/> yet. </source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-report/notebook-report.component.html</context>
-          <context context-type="linenumber">57</context>
+          <context context-type="linenumber">74</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="85fd3b01ce1968fbd2304a0c598d4a5676e5da03">
         <source> Score: <x equiv-text="{{annotations.score.data.value}}" id="INTERPOLATION"/><x equiv-text="{{maxScoreDisplay}}" id="INTERPOLATION_1"/></source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-report-annotations/notebook-report-annotations.component.html</context>
-          <context context-type="linenumber">22</context>
+          <context context-type="linenumber">20</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="b69db579ce83572bef4390bd17f235727ac6386d">
@@ -5497,7 +5504,7 @@
         </source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-report-annotations/notebook-report-annotations.component.html</context>
-          <context context-type="linenumber">29</context>
+          <context context-type="linenumber">27</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="22003a1edfc137e76879183acaaea45adf8452fa">
diff --git a/src/main/webapp/wise5/services/notebookService.ts b/src/main/webapp/wise5/services/notebookService.ts
index a3e3c8e4d9..ec44a74fb7 100644
--- a/src/main/webapp/wise5/services/notebookService.ts
+++ b/src/main/webapp/wise5/services/notebookService.ts
@@ -76,6 +76,8 @@ export class NotebookService {
   public notesVisible$ = this.notesVisibleSource.asObservable();
   private insertModeSource: Subject<boolean> = new Subject<boolean>();
   public insertMode$ = this.insertModeSource.asObservable();
+  private reportFullScreenSource: Subject<boolean> = new Subject<boolean>();
+  public reportFullScreen$ = this.reportFullScreenSource.asObservable();
 
   constructor(
     private upgrade: UpgradeModule,
@@ -637,4 +639,8 @@ export class NotebookService {
   setInsertMode(value: boolean): void {
     this.insertModeSource.next(value);
   }
+
+  setReportFullScreen(value: boolean): void {
+    this.reportFullScreenSource.next(value);
+  }
 }
diff --git a/src/main/webapp/wise5/themes/default/style/author.css b/src/main/webapp/wise5/themes/default/style/author.css
index bcbd19a5bd..2ed77d05b6 100644
--- a/src/main/webapp/wise5/themes/default/style/author.css
+++ b/src/main/webapp/wise5/themes/default/style/author.css
@@ -1,2 +1,2 @@
-body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#7e57c2}blockquote{background-color:#fff;padding:8px;margin:16px 0;border:solid #7e57c2;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#7e57c2;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#7e57c2!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#fff}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#7e57c2;background-color:#fff}.primary{color:#7e57c2}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#fff}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#7e57c2}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#fff}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#7e57c2}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#fff}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav{background-color:#eee!important}.l-node{margin-top:42px;padding:0}@media only screen and (min-width:600px){.l-node{padding:0 0 16px;background-color:#eee!important}}@media only screen and (min-width:960px){.l-node{padding:0 0 32px}}.l-notebook{margin-top:42px;background-color:#eee!important}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#7e57c2}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#7e57c2}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#fff}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#7e57c2}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #7e57c2;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}notebook-launcher{position:absolute;bottom:24px;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}@media only screen and (min-width:960px){.notes-visible .notebook-report-container{right:516px;transition:right .25s}}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.view-notebook-item{width:600px}.notebook-item--report{background-color:#fff}.notebook-item--report .note-editor{margin-bottom:16px;border-color:#ccc}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{position:fixed;top:94px;left:0;right:0;z-index:1}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{left:54px;padding:0 24px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{padding:0 32px}}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 8px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}}.notebook-item--report__container.ui-scrollpoint .note-editor{padding-top:40px}.notebook-item--report__toolbar .note-toolbar{background-color:#ddd;border:1px solid #ccc;margin-bottom:-2px}.notebook-item--report__heading{text-align:center;margin-bottom:32px}.notebook-item--report__add-note{font-weight:700}.notebook-item--report__note-img{max-width:100%;height:auto!important}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#7e57c2}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#7e57c2}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
+body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#7e57c2}blockquote{background-color:#fff;padding:8px;margin:16px 0;border:solid #7e57c2;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#7e57c2;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#7e57c2!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#fff}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#7e57c2;background-color:#fff}.primary{color:#7e57c2}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#fff}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#7e57c2}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#fff}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#7e57c2}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#fff}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav{background-color:#eee!important}.l-node{margin-top:42px;padding:0}@media only screen and (min-width:600px){.l-node{padding:0 0 16px;background-color:#eee!important}}@media only screen and (min-width:960px){.l-node{padding:0 0 32px}}.l-notebook{margin-top:42px;background-color:#eee!important}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#7e57c2}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#7e57c2}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#fff}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#7e57c2}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #7e57c2;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}notebook-launcher{position:absolute;bottom:24px;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}notebook-report{position:absolute;bottom:0;right:96px;transition:right .25s;z-index:3}@media only screen and (max-width:959px){notebook-report{left:8px;right:8px;top:8px;bottom:8px}}@media only screen and (min-width:960px){notebook-report.report-full{left:8px;right:8px;top:8px;bottom:8px}notebook-report.notes-visible{right:512px}}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#7e57c2}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#7e57c2}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
 /*# sourceMappingURL=author.css.map */
diff --git a/src/main/webapp/wise5/themes/default/style/author.css.map b/src/main/webapp/wise5/themes/default/style/author.css.map
index 71a3b29243..53ecdefb03 100644
--- a/src/main/webapp/wise5/themes/default/style/author.css.map
+++ b/src/main/webapp/wise5/themes/default/style/author.css.map
@@ -1 +1 @@
-{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config--author.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/author.css","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-node.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,qBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBEQoB,CFPpB,eAAgB,CAChB,cGlC8B,CHmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBExDsB,CF4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,qBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,qBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,UCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,qBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"author.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Authoring Tool Colors\n$_primary-color: #7e57c2; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 56%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: map-merge($color, $body-color);\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #7e57c2; }\n\nblockquote {\n  background-color: white;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #7e57c2;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #7e57c2;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #7e57c2 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: white; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #7e57c2;\n  background-color: white; }\n\n.primary {\n  color: #7e57c2; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: white; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #7e57c2; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: white; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #7e57c2; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: white; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-node {\n  margin-top: 42px;\n  padding: 0; }\n  @media only screen and (min-width: 600px) {\n    .l-node {\n      padding: 0 0 16px;\n      background-color: #eeeeee !important; } }\n  @media only screen and (min-width: 960px) {\n    .l-node {\n      padding: 0 0 32px; } }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #7e57c2; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #7e57c2; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: white;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #7e57c2; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #7e57c2;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px; }\n  @media only screen and (min-width: 600px) {\n    notebook-launcher.md-button.md-fab {\n      z-index: 61; } }\n\n@media only screen and (min-width: 960px) {\n  .notes-visible .notebook-report-container {\n    right: 516px;\n    transition: right 250ms; } }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.view-notebook-item {\n  width: 600px; }\n\n.notebook-item--report {\n  background-color: #ffffff; }\n  .notebook-item--report .note-editor {\n    margin-bottom: 16px;\n    border-color: #cccccc; }\n\n.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n  position: fixed;\n  top: 94px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      left: 54px; } }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 24px; } }\n  @media only screen and (min-width: 960px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 32px; } }\n  .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n    margin: 0 16px; }\n    @media only screen and (min-width: 600px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 8px; } }\n    @media only screen and (min-width: 960px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 16px; } }\n\n.notebook-item--report__container.ui-scrollpoint .note-editor {\n  padding-top: 40px; }\n\n.notebook-item--report__toolbar .note-toolbar {\n  background-color: #dddddd;\n  border: 1px solid #cccccc;\n  margin-bottom: -2px; }\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px; }\n\n.notebook-item--report__add-note {\n  font-weight: 700; }\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #7e57c2; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #7e57c2; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-node {\n  margin-top: $wise-toolbar-height;\n  padding: 0;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    padding: 0 0 16px;\n    background-color: color('body-bg') !important;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 0 0 32px;\n  }\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 56px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\n.notes-visible {\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    .notebook-report-container {\n      right: 516px;\n      transition: right 250ms;\n    }\n  }\n}\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block;\n}\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: color('gray');\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0;\n}\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255,255,255,0.95);\n  border-top: 1px solid color('gray-lighter');\n\n  &:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n  }\n}\n\n.notebook-item__content--text-only {\n  &:after {\n    content: \"note\";\n    font-family: 'Material Icons';\n    font-weight: normal;\n    font-style: normal;\n    display: inline-block;\n    line-height: 1;\n    text-transform: none;\n    letter-spacing: normal;\n    word-wrap: normal;\n    white-space: nowrap;\n    direction: ltr;\n\n    /* Support for all WebKit browsers. */\n    -webkit-font-smoothing: antialiased;\n    /* Support for Safari and Chrome. */\n    text-rendering: optimizeLegibility;\n\n    /* Support for Firefox. */\n    -moz-osx-font-smoothing: grayscale;\n\n    /* Support for IE. */\n    font-feature-settings: 'liga';\n    //position: absolute;\n    font-size: 80px;\n    color: color('text-disabled');\n  }\n}\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\";\n}\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0;\n\n  md-icon {\n    font-size: 22px;\n  }\n}\n\n.notebook-item__edit {\n  cursor: pointer;\n}\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: color('gray-darkest');\n  border-bottom-left-radius: $card-border-radius;\n  border-bottom-right-radius: $card-border-radius;\n\n  md-icon {\n    color: #ffffff;\n  }\n}\n\n.notebook-item__text-input {\n  margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.notebook-item__attachment {\n  background-color: color('gray-light');\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative;\n}\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto;\n}\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  // TODO: generalize for on item buttons like this (delete attachment, etc)\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0;\n\n  md-icon {\n    margin-left: -2px;\n    font-size: 22px;\n  }\n}\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: lighten(color('accent-1'), 5%);\n\n  a, md-icon {\n    color: lighten(color('accent-1'), 5%);\n  }\n\n  md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto;\n  }\n}\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: color('gray-lighter');\n  margin-bottom: 16px;\n  color: color('text-secondary');\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms;\n\n  md-icon, span {\n    transition: color 250ms;\n  }\n\n  &:hover, &:focus, &.dragover {\n    border-color: color('accent');\n    background-color: lighten(color('accent'), 35%);\n    color: color('accent');\n\n    md-icon, span {\n      color: color('accent');\n    }\n  }\n}\n\n.view-notebook-item {\n  width: $layout-breakpoint-xs;\n}\n\n.view-notebook-item__content {\n}\n\n.notebook-item--report {\n  background-color: #ffffff;\n\n  .note-editor {\n    margin-bottom: 16px;\n    border-color: color('gray');\n  }\n}\n\n.notebook-item--report__container {\n  &.ui-scrollpoint {\n    .notebook-item--report__toolbar {\n      position: fixed;\n      top: ($wise-toolbar-height + $md-toolbar-height);\n      left: 0;\n      right: 0;\n      z-index: 1;\n\n      @media only screen and (min-width: $layout-breakpoint-xs) {\n        left: ($notebook-sidebar-width - 2);\n      }\n\n      @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 24px;\n      }\n\n      @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 32px;\n      }\n\n      .note-toolbar {\n        margin: 0 16px;\n\n        @media only screen and (min-width: $layout-breakpoint-xs) {\n          margin: 0 8px;\n        }\n\n        @media only screen and (min-width: $layout-breakpoint-sm) {\n          margin: 0 16px;\n        }\n      }\n    }\n\n    .note-editor {\n      padding-top: 40px;\n    }\n  }\n}\n\n.notebook-item--report__toolbar {\n  .note-toolbar {\n    background-color: color('gray-light');\n    border: 1px solid color('gray');\n    margin-bottom: -2px;\n  }\n}\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px;\n}\n\n.notebook-item--report__content {\n}\n\n.notebook-item--report__add-note {\n  font-weight: 700;\n}\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important;\n}\n\n.notebook-sidebar {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: 400px;\n    max-width: none;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    width: 500px;\n    max-width: none;\n  }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config--author.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/author.css","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-node.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,qBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBEQoB,CFPpB,eAAgB,CAChB,cGlC8B,CHmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBExDsB,CF4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,qBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,qBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,UCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,qBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"author.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Authoring Tool Colors\n$_primary-color: #7e57c2; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 56%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: map-merge($color, $body-color);\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #7e57c2; }\n\nblockquote {\n  background-color: white;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #7e57c2;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #7e57c2;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #7e57c2 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: white; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #7e57c2;\n  background-color: white; }\n\n.primary {\n  color: #7e57c2; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: white; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #7e57c2; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: white; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #7e57c2; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: white; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-node {\n  margin-top: 42px;\n  padding: 0; }\n  @media only screen and (min-width: 600px) {\n    .l-node {\n      padding: 0 0 16px;\n      background-color: #eeeeee !important; } }\n  @media only screen and (min-width: 960px) {\n    .l-node {\n      padding: 0 0 32px; } }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #7e57c2; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #7e57c2; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: white;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #7e57c2; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #7e57c2;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px; }\n  @media only screen and (min-width: 600px) {\n    notebook-launcher.md-button.md-fab {\n      z-index: 61; } }\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: 96px;\n  transition: right 250ms;\n  z-index: 3; }\n  @media only screen and (max-width: 959px) {\n    notebook-report {\n      left: 8px;\n      right: 8px;\n      top: 8px;\n      bottom: 8px; } }\n  @media only screen and (min-width: 960px) {\n    notebook-report.report-full {\n      left: 8px;\n      right: 8px;\n      top: 8px;\n      bottom: 8px; }\n    notebook-report.notes-visible {\n      right: 512px; } }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #7e57c2; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #7e57c2; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-node {\n  margin-top: $wise-toolbar-height;\n  padding: 0;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    padding: 0 0 16px;\n    background-color: color('body-bg') !important;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 0 0 32px;\n  }\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 500px;\n$report-position-right: 96px;\n$report-full-gap: 8px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: $report-position-right;\n  transition: right 250ms;\n  z-index: 3;\n\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    left: $report-full-gap;\n    right: $report-full-gap;\n    top: $report-full-gap;\n    bottom: $report-full-gap\n  }\n  \n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    &.report-full {\n      left: $report-full-gap;\n      right: $report-full-gap;\n      top: $report-full-gap;\n      bottom: $report-full-gap\n    }\n\n    &.notes-visible {\n      right: $notebook-sidebar-width + 12;\n    }\n  }\n}\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block;\n}\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: color('gray');\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0;\n}\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255,255,255,0.95);\n  border-top: 1px solid color('gray-lighter');\n\n  &:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n  }\n}\n\n.notebook-item__content--text-only {\n  &:after {\n    content: \"note\";\n    font-family: 'Material Icons';\n    font-weight: normal;\n    font-style: normal;\n    display: inline-block;\n    line-height: 1;\n    text-transform: none;\n    letter-spacing: normal;\n    word-wrap: normal;\n    white-space: nowrap;\n    direction: ltr;\n\n    /* Support for all WebKit browsers. */\n    -webkit-font-smoothing: antialiased;\n    /* Support for Safari and Chrome. */\n    text-rendering: optimizeLegibility;\n\n    /* Support for Firefox. */\n    -moz-osx-font-smoothing: grayscale;\n\n    /* Support for IE. */\n    font-feature-settings: 'liga';\n    //position: absolute;\n    font-size: 80px;\n    color: color('text-disabled');\n  }\n}\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\";\n}\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0;\n\n  md-icon {\n    font-size: 22px;\n  }\n}\n\n.notebook-item__edit {\n  cursor: pointer;\n}\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: color('gray-darkest');\n  border-bottom-left-radius: $card-border-radius;\n  border-bottom-right-radius: $card-border-radius;\n\n  md-icon {\n    color: #ffffff;\n  }\n}\n\n.notebook-item__text-input {\n  margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.notebook-item__attachment {\n  background-color: color('gray-light');\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative;\n}\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto;\n}\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  // TODO: generalize for on item buttons like this (delete attachment, etc)\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0;\n\n  md-icon {\n    margin-left: -2px;\n    font-size: 22px;\n  }\n}\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: lighten(color('accent-1'), 5%);\n\n  a, md-icon {\n    color: lighten(color('accent-1'), 5%);\n  }\n\n  md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto;\n  }\n}\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: color('gray-lighter');\n  margin-bottom: 16px;\n  color: color('text-secondary');\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms;\n\n  md-icon, span {\n    transition: color 250ms;\n  }\n\n  &:hover, &:focus, &.dragover {\n    border-color: color('accent');\n    background-color: lighten(color('accent'), 35%);\n    color: color('accent');\n\n    md-icon, span {\n      color: color('accent');\n    }\n  }\n}\n\n.notebook-sidebar {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: $notebook-sidebar-width - 100;  \n    max-width: none;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    width: $notebook-sidebar-width;\n    max-width: none;\n  }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
diff --git a/src/main/webapp/wise5/themes/default/style/modules/_notebook.scss b/src/main/webapp/wise5/themes/default/style/modules/_notebook.scss
index 5904a82817..3f039d702e 100644
--- a/src/main/webapp/wise5/themes/default/style/modules/_notebook.scss
+++ b/src/main/webapp/wise5/themes/default/style/modules/_notebook.scss
@@ -1,5 +1,7 @@
 // Variables
-$notebook-sidebar-width: 56px;
+$notebook-sidebar-width: 500px;
+$report-position-right: 96px;
+$report-full-gap: 8px;
 
 // Base
 notebook-launcher {
@@ -14,11 +16,30 @@ notebook-launcher {
   }
 }
 
-.notes-visible {
+notebook-report {
+  position: absolute;
+  bottom: 0;
+  right: $report-position-right;
+  transition: right 250ms;
+  z-index: 3;
+
+  @media only screen and (max-width: $layout-breakpoint-sm - 1) {
+    left: $report-full-gap;
+    right: $report-full-gap;
+    top: $report-full-gap;
+    bottom: $report-full-gap
+  }
+  
   @media only screen and (min-width: $layout-breakpoint-sm) {
-    .notebook-report-container {
-      right: 516px;
-      transition: right 250ms;
+    &.report-full {
+      left: $report-full-gap;
+      right: $report-full-gap;
+      top: $report-full-gap;
+      bottom: $report-full-gap
+    }
+
+    &.notes-visible {
+      right: $notebook-sidebar-width + 12;
     }
   }
 }
@@ -216,95 +237,14 @@ notebook-launcher {
   }
 }
 
-.view-notebook-item {
-  width: $layout-breakpoint-xs;
-}
-
-.view-notebook-item__content {
-}
-
-.notebook-item--report {
-  background-color: #ffffff;
-
-  .note-editor {
-    margin-bottom: 16px;
-    border-color: color('gray');
-  }
-}
-
-.notebook-item--report__container {
-  &.ui-scrollpoint {
-    .notebook-item--report__toolbar {
-      position: fixed;
-      top: ($wise-toolbar-height + $md-toolbar-height);
-      left: 0;
-      right: 0;
-      z-index: 1;
-
-      @media only screen and (min-width: $layout-breakpoint-xs) {
-        left: ($notebook-sidebar-width - 2);
-      }
-
-      @media only screen and (min-width: $layout-breakpoint-xs) {
-        padding: 0 24px;
-      }
-
-      @media only screen and (min-width: $layout-breakpoint-sm) {
-        padding: 0 32px;
-      }
-
-      .note-toolbar {
-        margin: 0 16px;
-
-        @media only screen and (min-width: $layout-breakpoint-xs) {
-          margin: 0 8px;
-        }
-
-        @media only screen and (min-width: $layout-breakpoint-sm) {
-          margin: 0 16px;
-        }
-      }
-    }
-
-    .note-editor {
-      padding-top: 40px;
-    }
-  }
-}
-
-.notebook-item--report__toolbar {
-  .note-toolbar {
-    background-color: color('gray-light');
-    border: 1px solid color('gray');
-    margin-bottom: -2px;
-  }
-}
-
-.notebook-item--report__heading {
-  text-align: center;
-  margin-bottom: 32px;
-}
-
-.notebook-item--report__content {
-}
-
-.notebook-item--report__add-note {
-  font-weight: 700;
-}
-
-.notebook-item--report__note-img {
-  max-width: 100%;
-  height: auto !important;
-}
-
 .notebook-sidebar {
   @media only screen and (min-width: $layout-breakpoint-xs) {
-    width: 400px;
+    width: $notebook-sidebar-width - 100;  
     max-width: none;
   }
 
   @media only screen and (min-width: $layout-breakpoint-sm) {
-    width: 500px;
+    width: $notebook-sidebar-width;
     max-width: none;
   }
 }
diff --git a/src/main/webapp/wise5/themes/default/style/monitor.css b/src/main/webapp/wise5/themes/default/style/monitor.css
index e520940911..c317c733d6 100644
--- a/src/main/webapp/wise5/themes/default/style/monitor.css
+++ b/src/main/webapp/wise5/themes/default/style/monitor.css
@@ -1,2 +1,2 @@
-body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1565c0}blockquote{background-color:#f5f9fe;padding:8px;margin:16px 0;border:solid #1565c0;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1565c0;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1565c0!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#ecf4fd}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#1565c0;background-color:#ecf4fd}.primary{color:#1565c0}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#ecf4fd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1565c0}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#ecf4fd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1565c0}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#ecf4fd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav,.l-notebook{background-color:#eee!important}.l-notebook{margin-top:42px}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;transition:opacity .25s ease-in-out}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1565c0}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1565c0}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}.milestone{min-width:196px;width:196px;height:242px;background-color:#fff;padding:0}.milestone.md-button{text-transform:none}.milestone__progress{background-color:#eee;border-radius:50%;position:relative;margin-bottom:12px}.milestone__progress__percent{position:absolute;top:8px;bottom:8px;left:8px;right:8px;border-radius:50%;background-color:#fff;color:#1565c0;font-size:28px;font-weight:500}.milestone__title{font-weight:700;font-size:15px;margin-bottom:12px}.milestone-details section:not(:first-child){margin-top:8px}.milestone-details__section{background-color:#fff;padding:16px}.milestone-details__section>p{margin-top:16px;margin-bottom:0}.milestone-details__section .grading,.milestone-details__section md-list{padding:0}.milestone-details__header{padding:12px 16px;margin:-16px -16px 16px;text-transform:uppercase;font-weight:500}.milestone-details__progress{width:48px;margin-right:8px}.milestone--add.md-button{text-transform:uppercase}.milestone--add__icon{height:96px;width:96px;background-color:#eee;border-radius:50%}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#ecf4fd}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.student-select{padding-top:0;padding-bottom:0}.workgroup-progress{margin-bottom:8px}@media (min-width:960px){.workgroup-progress{margin-bottom:0}}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1565c0}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #1565c0;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}.grading__item-container{margin:0 0 16px;padding:0!important}.grading__item{background-color:#fff}.grading__item .component{padding:0}notebook-launcher{position:absolute;bottom:24px;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}@media only screen and (min-width:960px){.notes-visible .notebook-report-container{right:516px;transition:right .25s}}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.view-notebook-item{width:600px}.notebook-item--report{background-color:#fff}.notebook-item--report .note-editor{margin-bottom:16px;border-color:#ccc}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{position:fixed;top:94px;left:0;right:0;z-index:1}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{left:54px;padding:0 24px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{padding:0 32px}}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 8px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}}.notebook-item--report__container.ui-scrollpoint .note-editor{padding-top:40px}.notebook-item--report__toolbar .note-toolbar{background-color:#ddd;border:1px solid #ccc;margin-bottom:-2px}.notebook-item--report__heading{text-align:center;margin-bottom:32px}.notebook-item--report__add-note{font-weight:700}.notebook-item--report__note-img{max-width:100%;height:auto!important}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.annotations--grading md-input-container{margin-bottom:0}.annotations--grading .md-errors-spacer{display:none}.annotations--grading input:focus,.annotations--grading textarea:focus{background-color:#fff}.annotations--grading input:disabled,.annotations--grading textarea:disabled{color:rgba(0,0,0,.87)}.annotations--grading--revision{margin:8px 0 0;padding:8px}.annotations--notebook{margin-top:16px}.annotations--grading__info{font-style:italic;margin:8px 8px 4px}.annotations--grading__item{padding:8px}.annotations--grading__score input{margin-top:0!important;font-size:18px;width:52px;text-align:center}.annotations--grading__score__label{transform:none!important;width:auto;display:block;padding:0;margin:0 8px 0 0}.annotations--grading__score__max label{display:none}.annotations--grading__score__divider{position:relative;top:12px;margin-left:4px}.annotations--grading__auto-comment{margin:0 2px}.annotations--grading__auto-comment__content{margin-top:8px}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.component--grading{padding:0;margin:0}.component--grading:not(:last-child)>div{border-bottom:1px solid #ddd}.component--grading .component__wrapper{padding:0;margin:0}.component--grading .component__content{padding:16px;margin:0}.component--grading__response{padding-bottom:16px}@media only screen and (min-width:960px){.component--grading__response{padding-right:16px;padding-bottom:0}}.component--grading__response__content{overflow:auto}.component--grading__annotations{background-color:#ecf4fd}.component--grading__annotations__divider{padding:4px;background-color:#fff}.component--grading__actions__info{margin:16px 0 0;padding-top:8px;border-top:1px solid #eee}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#1565c0}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#1565c0}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.component-revisions .component{padding:0;margin:0}.component-revisions .component__content{padding:0}.component-revisions .component__wrapper{margin:16px 0}.component-revisions .md-resize-handle{display:none}.component-revisions__item,md-list-item.component-revisions__item{padding:0}.component-revisions__item--latest{margin-bottom:24px}.component-revisions__annotation-label{margin-right:8px}.component-revisions__has-auto-and-teacher{padding-top:8px;margin-top:8px;border-top:1px solid #ddd}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
+body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1565c0}blockquote{background-color:#f5f9fe;padding:8px;margin:16px 0;border:solid #1565c0;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1565c0;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1565c0!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#ecf4fd}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#1565c0;background-color:#ecf4fd}.primary{color:#1565c0}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#ecf4fd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1565c0}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#ecf4fd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1565c0}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#ecf4fd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav,.l-notebook{background-color:#eee!important}.l-notebook{margin-top:42px}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;transition:opacity .25s ease-in-out}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1565c0}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1565c0}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}.milestone{min-width:196px;width:196px;height:242px;background-color:#fff;padding:0}.milestone.md-button{text-transform:none}.milestone__progress{background-color:#eee;border-radius:50%;position:relative;margin-bottom:12px}.milestone__progress__percent{position:absolute;top:8px;bottom:8px;left:8px;right:8px;border-radius:50%;background-color:#fff;color:#1565c0;font-size:28px;font-weight:500}.milestone__title{font-weight:700;font-size:15px;margin-bottom:12px}.milestone-details section:not(:first-child){margin-top:8px}.milestone-details__section{background-color:#fff;padding:16px}.milestone-details__section>p{margin-top:16px;margin-bottom:0}.milestone-details__section .grading,.milestone-details__section md-list{padding:0}.milestone-details__header{padding:12px 16px;margin:-16px -16px 16px;text-transform:uppercase;font-weight:500}.milestone-details__progress{width:48px;margin-right:8px}.milestone--add.md-button{text-transform:uppercase}.milestone--add__icon{height:96px;width:96px;background-color:#eee;border-radius:50%}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#ecf4fd}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.student-select{padding-top:0;padding-bottom:0}.workgroup-progress{margin-bottom:8px}@media (min-width:960px){.workgroup-progress{margin-bottom:0}}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1565c0}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #1565c0;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}.grading__item-container{margin:0 0 16px;padding:0!important}.grading__item{background-color:#fff}.grading__item .component{padding:0}notebook-launcher{position:absolute;bottom:24px;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}notebook-report{position:absolute;bottom:0;right:96px;transition:right .25s;z-index:3}@media only screen and (max-width:959px){notebook-report{left:8px;right:8px;top:8px;bottom:8px}}@media only screen and (min-width:960px){notebook-report.report-full{left:8px;right:8px;top:8px;bottom:8px}notebook-report.notes-visible{right:512px}}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.annotations--grading md-input-container{margin-bottom:0}.annotations--grading .md-errors-spacer{display:none}.annotations--grading input:focus,.annotations--grading textarea:focus{background-color:#fff}.annotations--grading input:disabled,.annotations--grading textarea:disabled{color:rgba(0,0,0,.87)}.annotations--grading--revision{margin:8px 0 0;padding:8px}.annotations--notebook{margin-top:16px}.annotations--grading__info{font-style:italic;margin:8px 8px 4px}.annotations--grading__item{padding:8px}.annotations--grading__score input{margin-top:0!important;font-size:18px;width:52px;text-align:center}.annotations--grading__score__label{transform:none!important;width:auto;display:block;padding:0;margin:0 8px 0 0}.annotations--grading__score__max label{display:none}.annotations--grading__score__divider{position:relative;top:12px;margin-left:4px}.annotations--grading__auto-comment{margin:0 2px}.annotations--grading__auto-comment__content{margin-top:8px}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.component--grading{padding:0;margin:0}.component--grading:not(:last-child)>div{border-bottom:1px solid #ddd}.component--grading .component__wrapper{padding:0;margin:0}.component--grading .component__content{padding:16px;margin:0}.component--grading__response{padding-bottom:16px}@media only screen and (min-width:960px){.component--grading__response{padding-right:16px;padding-bottom:0}}.component--grading__response__content{overflow:auto}.component--grading__annotations{background-color:#ecf4fd}.component--grading__annotations__divider{padding:4px;background-color:#fff}.component--grading__actions__info{margin:16px 0 0;padding-top:8px;border-top:1px solid #eee}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#1565c0}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#1565c0}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.component-revisions .component{padding:0;margin:0}.component-revisions .component__content{padding:0}.component-revisions .component__wrapper{margin:16px 0}.component-revisions .md-resize-handle{display:none}.component-revisions__item,md-list-item.component-revisions__item{padding:0}.component-revisions__item--latest{margin-bottom:24px}.component-revisions__annotation-label{margin-right:8px}.component-revisions__has-auto-and-teacher{padding-top:8px;margin-top:8px;border-top:1px solid #ddd}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
 /*# sourceMappingURL=monitor.css.map */
diff --git a/src/main/webapp/wise5/themes/default/style/monitor.css.map b/src/main/webapp/wise5/themes/default/style/monitor.css.map
index 534240d07c..4863c7158b 100644
--- a/src/main/webapp/wise5/themes/default/style/monitor.css.map
+++ b/src/main/webapp/wise5/themes/default/style/monitor.css.map
@@ -1 +1 @@
-{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config--monitor.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/monitor.css","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dragula.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_milestones.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_nav--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_grading.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_component--revisions.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,wBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBEQoB,CFPpB,eAAgB,CAChB,cGlC8B,CHmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBExDsB,CF4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,wBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,wBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,aCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,wBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNrB,+BAEQ,sBCnNiB,CDiNzB,yCAEQ,sBClN2B,CDgNnC,wCAEQ,sBCjN0B,CD+MlC,qCAEQ,WChN0B,CD8MlC,+CAEQ,yBC/MuC,CD6M/C,8CAEQ,yBC9MsC,CD4M9C,sCAEQ,cCrOgC,CDmOxC,gCAEQ,cC5MM,CD0Md,+BAEQ,sBCnNiB,CDiNzB,kCAEQ,WCzNa,CGXzB,eACE,gBAAiB,CACjB,iBAAkB,CAClB,cAAe,CACf,iBAAkB,CAElB,yBANF,eAOM,YCW2B,CDThC,CAED,kBACE,WCK8B,CDJ9B,cAAe,CEbjB,UACE,cAAe,CACf,QAAS,CACT,MAAO,CACP,OAAQ,CACR,SAAU,CACV,qBAAyB,CACzB,yBLIuB,CKAzB,gBACE,QAAS,CACT,aAAc,CACd,gBAAiB,CACjB,WAAY,CACZ,YAAa,CAGf,yBACE,gBAAiB,CCpBnB,UACI,SAAU,CADd,gBAIQ,uBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,qBAAsB,CAP9B,qBAWQ,cAAe,CACf,YAAa,CACb,aAAc,CACd,iBAAkB,CAElB,yCAhBR,qBAiBY,aAAc,CAMrB,CAvBL,sDAqBY,QAAc,CAKtB,yCA1BJ,6FA6BgB,cJlBkB,CImBrB,CC9Bb,QACE,qBPUuB,COPzB,sBACE,eNmCwB,CMhC1B,SACE,yBAA2B,CAG7B,cACE,aAAc,CACd,WAAY,CACZ,iBAAkB,CAClB,MAAO,CACP,OAAQ,CACR,sBAAyB,CAEzB,yCARF,cASI,YAAa,CAuBhB,CAhCD,uBAaI,SAAU,CAbd,+BAiBI,SAAU,CACV,qBAAuB,CAlB3B,gLA8BI,SAAU,CAId,6BACE,WAAY,CAEZ,yCAHF,6BAII,gBAAiB,CACjB,YAAa,CAEhB,CAEC,yCCwZA,uCDvZE,gBAAiB,CACjB,iBAAkB,CAErB,CAED,cACE,YAAa,CADf,mDAMI,eAAgB,CAChB,YAAa,CACb,eAAgB,CAChB,cL3D8B,CK6D9B,yCAXJ,mDAYM,cL9D4B,CK+D5B,iBAAkB,CAErB,CAID,yCADF,oBAEI,cAAe,CAElB,CAED,0CAEE,YAAa,CAFf,kEAKI,gBAAiB,CAEjB,yCAPJ,kEAQM,aAAc,CACd,cAAe,CAElB,CAXH,0DAcI,0BAA2B,CAI/B,2FAEE,gBAAiB,CEzGnB,mBCCI,+BDC6C,CAFjD,YACI,eAC6C,CEEjD,mBACE,+BAAoC,CACpC,uBAAmC,CAFrC,6BAKI,qBXQyB,CYpB7B,aACI,YAAa,CACb,SAAU,CACV,qBAAsB,CAG1B,uBACI,WAAY,CACZ,UAAW,CACX,YAAa,CACb,mBAAoB,CACpB,YAAa,CACb,SAAU,CAGd,uBACI,iBAAkB,CAClB,SAAU,CACV,eAAgB,CAGpB,eACI,OAAQ,CACR,QAAS,CACT,gCZFkC,CYGlC,mCZHkC,CYIlC,qBZJkC,CYDtC,qBAQQ,WAAY,CACZ,UAAc,CACd,OAAQ,CACR,UAAW,CACX,iBAAkB,CAClB,eAAgB,CAIxB,qBACI,kCAA0C,CAC1C,qCAA6C,CAGjD,yBACI,KAAM,CACN,OAAQ,CACR,2BXQoB,CWXxB,wCAMQ,qBAAsB,CACtB,kCAAmC,CAI3C,wBACI,KAAM,CACN,MAAO,CACP,0BXHoB,CWAxB,uCAMQ,qBAAsB,CACtB,mCAAoC,CAI5C,4BACI,QAAS,CACT,OAAQ,CACR,8BXdoB,CWWxB,2CAMQ,wBAAyB,CACzB,kCAAmC,CAI3C,2BACI,QAAS,CACT,MAAO,CACP,6BXzBoB,CWsBxB,0CAMQ,wBAAyB,CACzB,mCAAoC,CAI5C,qBACI,qBAAyB,CAG7B,2BACI,cAAe,CACf,oBAAqB,CC7FzB,WACE,wBAA0B,CAC1B,kBAAoB,CACpB,sBAAwB,CACxB,UAAY,CACZ,mCAAqC,CAEvC,SACE,sBAAwB,CAE1B,iBACE,kCAAoC,CACpC,+BAAiC,CACjC,8BAAgC,CAChC,0BAA4B,CAE9B,YACE,UAAY,CCjBd,UACI,WVkB4B,CUfhC,cACI,WVe4B,CUZhC,eACI,YVY6B,CWrBjC,aACI,iBdqDoB,CcpDpB,eAAgB,CAEhB,yBAJJ,aAKQ,eAAuC,CAU9C,CAPG,yBARJ,aASQ,eAAuC,CAM9C,CAHG,0BAZJ,aAaQ,gBAAuC,CAE9C,CAOD,kDAJI,0BdoCoB,CcnCpB,2BfTa,CeYjB,8BAGI,kBAAqB,CACrB,wBfhBa,CeYjB,8CAOQ,cAAe,CACf,aAAc,CACd,gBAAiB,CAIzB,sBACI,aAAc,CACd,gBAAiB,CACjB,gBAAiB,CAGrB,sBACI,6BdYoB,CcXpB,8BdWoB,CcRxB,qBACI,iBdOoB,CcLpB,QAAc,CACd,4CAAiD,CACjD,cbrC8B,CasC9B,SAAU,CANd,uDASQ,iBAAkB,CAClB,UAAW,CACX,WAAY,CAXpB,0DAgBY,KAAM,CACN,SAAU,CAjBtB,kFAoBgB,gCfxDC,CeyDD,kCAAmC,CACnC,mCAAoC,CACpC,iBAAkB,CAClB,SAAU,CAxB1B,yFA4BgB,QAGuC,CA/BvD,4DAoCY,YAAa,CACb,SAAU,CArCtB,oFAwCgB,6Bf5EC,Ce6ED,kCAAmC,CACnC,mCAAoC,CACpC,iBAAkB,CAClB,SAAU,CA5C1B,2FAgDgB,QAGuC,CAnDvD,4DAwDY,QAAS,CACT,UAAW,CAzDvB,oFA4DgB,+BfhGC,CeiGD,oCAAqC,CACrC,iCAAkC,CAClC,iBAAkB,CAClB,MAAO,CACP,SAAU,CAjE1B,2FAqEgB,QAGqC,CAxErD,6DA6EY,QAAS,CACT,WAAY,CA9ExB,qFAiFgB,8BfrHC,CesHD,oCAAqC,CACrC,iCAAkC,CAClC,iBAAkB,CAClB,OAAQ,CACR,SAAU,CAtF1B,4FA0FgB,QAGqC,CCrIrD,iBACI,gBAAiB,CAGrB,4BACI,eAAgB,CAGpB,4CAEQ,cAAe,CAFvB,kDAMQ,YAAa,CAIrB,eACI,iBAAkB,CAGtB,yDAEQ,ahB7BgB,CgBiCxB,2DACI,WAAY,CACZ,wBhBvBsB,CgBwBtB,qBhBrBa,CgBsBb,iBAAkB,CAJtB,uEAOQ,qBAAyB,CAPjC,+EAWQ,qBhBxB+B,CgB4BvC,0CACI,UAAW,CAGf,2BACI,qBhBjCmC,CgBoCvC,yBACI,iBAAkB,CAClB,UAAW,CAFf,2CAKQ,+BAAwC,CAIhD,mCACI,OAjE8B,CAmE9B,4DACI,QAnEoC,CAuE5C,mCACI,UAzE8B,CA2E9B,4DACI,WAAsD,CAK9D,mHACI,eAAgB,CAChB,qBhBjEyB,CgB+D7B,6JAKQ,ahBvFgB,CgB2FxB,oBAEQ,sBAAuB,CACvB,eAAgB,CAChB,cAAe,CACf,eAAgB,CAChB,qBhB7E+B,CgBkFnC,yCADJ,wBAEQ,eAAgB,CAMvB,CAHG,yCALJ,wBAMQ,eAAgB,CAEvB,CAED,yCAEQ,qBAAyB,CAFjC,+DAKY,eAAgB,CAChB,qBhBxGa,CgB6GzB,gBACI,Wf5EiC,Ce2ErC,sBAIQ,WAAY,CACZ,UAAW,CACX,aAAc,CACd,YAAa,CACb,QAAc,CACd,cdtH0B,CcuH1B,eAAgB,CCrIxB,OACE,cAAe,CACf,UAAW,CACX,eAAgB,CAChB,YAAa,CAJf,kHAYM,qBjBIW,CiBHX,WAAY,CACZ,cfA4B,CeC5B,eAAgB,CAChB,WAAY,CACZ,cAAe,CACf,kBAAmB,CAlBzB,6BAwBI,wBjBXsB,CiBYtB,SAAU,CACV,kBAAmB,CA1BvB,0BA8BI,QAAS,CA9Bb,yBAkCI,YAAa,CAIjB,4BAGM,gBAAiB,CAKvB,mBACE,UAAW,CAGb,aACE,QAAc,CACd,wBAAyB,CACzB,qBAAyB,CACzB,cAAe,CACf,aAAc,CALhB,gCASI,aAAc,CACd,QAAc,CAVlB,gBAcI,eAAgB,CAChB,WAAY,CAfhB,0BAoBM,iBAAkB,CAClB,eAAgB,CAChB,UAAW,CACX,mBAAoB,CACpB,iBAAkB,CAClB,eAAmB,CAKzB,mBACE,eb9D8B,CakE9B,yCADF,mBAEI,eAAgB,CAEnB,CAED,oBACE,cf7EgC,Ce8EhC,eAAgB,CAGlB,wBACE,WAAY,CACZ,QAAS,CAGX,wBACE,wBjBnFsB,CiBoFtB,UjB/EoC,CiBgFpC,ehB5DwB,CgB6DxB,WhB7DwB,CgBgE1B,0BACE,UAAc,CACd,mBAAoB,CACpB,QAAS,CACT,WAAY,CACZ,kBAAmB,CACnB,eAAgB,CAChB,UAAW,CAGb,0BACE,QAAS,CAGX,mCACE,wBAAyB,CAG3B,UACE,eAAgB,CAChB,kBAAmB,CACnB,eAAgB,CAIhB,yCADF,eAEI,eAAgB,CAChB,eAAgB,CAChB,sBAAuB,CACvB,kBAAmB,CAEtB,CC1ID,kBACI,cAAe,CADnB,2HAWY,WAAY,CAKxB,kBACI,ejB0BsB,CiB3B1B,oCAIQ,WjBuBkB,CiBtBlB,ejBsBkB,CiB3B1B,4CASQ,WjBkBkB,CiBjBlB,gBjBiBkB,CiBhBlB,UjBgBkB,CiBZ1B,wCAEQ,aAAc,CACd,chBpB0B,CgBwBlC,qBACI,+BAAkD,CADtD,uCAIQ,chB5B0B,CgB6B1B,eAAgB,CAIxB,SACI,cAAe,CACf,MAAO,CACP,OAAQ,CACR,Qd5CoB,Cc6CpB,SAAU,CAGd,gBACI,eAAgB,CAChB,chB3C8B,CgB4C9B,eAAgB,CAGpB,gBACI,iBAAkB,CVu4BtB,0BUp4BI,kBAAmB,CACnB,gBAAiB,CAGrB,sCACI,QAAS,CAGb,4CACI,YAAa,CACb,eAAgB,CAChB,wBlB/DsB,CkB4D1B,8EAMQ,WAAY,CACZ,eAAgB,CVo4BxB,kGU93BU,gBAAiB,CAK3B,6BACI,WAAY,CAEZ,yCAHJ,6BAIQ,WAAY,CAMnB,CAHG,yCAPJ,6BAQQ,WAAY,CAEnB,CCrGD,WACI,qBAAyB,CACzB,4BnBYqB,CmBdzB,iDAKQ,qBnBeqB,CmBdrB,qBAAyB,CANjC,iEASY,qBAAsB,CATlC,yFAaY,SAAU,CAbtB,uEAiBY,gBAAiB,CAjB7B,yBAsBQ,YAAa,CAIrB,kGAEQ,uCAA+C,CAC/C,gBAAiB,CAIzB,kGAIQ,uCAA+C,CAC/C,gBAAiB,CAIzB,qBACI,qBAAsB,CAG1B,kDACI,cAAe,CACf,wBnBnCsB,CmBsC1B,oBACI,uBAAyB,CAG7B,6BACI,mBAAoB,CACpB,UAAW,CACX,gBAAiB,CACjB,QAAS,CACT,kBAAmB,CACnB,eAAgB,CAChB,eAAgB,CAGpB,WACI,cjBpD8B,CkBdlC,QACE,iBAAkB,CAClB,WAAY,CACZ,gCAAkC,CAClC,UAAW,CAEX,yBANF,QAOI,aAAc,CACd,iBnBiDsB,CmBhDtB,gBAAiB,CAEpB,CCXD,WACE,eAAgB,CAChB,WAAY,CACZ,YAAa,CACb,qBAAyB,CACzB,SAAU,CALZ,qBAQI,mBAAoB,CAIxB,qBACE,qBrBCuB,CqBAvB,iBAAkB,CAClB,iBAAkB,CAClB,kBAAmB,CAGrB,8BACE,iBAAkB,CAClB,OAAQ,CACR,UAAW,CACX,QAAS,CACT,SAAU,CACV,iBAAkB,CAClB,qBAAyB,CACzB,arB1BsB,CqB2BtB,cnBdgC,CmBehC,eAAgB,CAGlB,kBACE,eAAgB,CAChB,cnBpBgC,CmBqBhC,kBAAmB,CAGrB,6CAGM,cAAe,CAKrB,4BACE,qBAAyB,CACzB,YAAa,CAFf,8BAKI,eAAgB,CAChB,eAAgB,CANpB,yEAcI,SAAU,CAId,2BACE,iBAAkB,CAClB,uBAAwB,CACxB,wBAAyB,CACzB,eAAgB,CAGlB,6BACE,UAAW,CACX,gBAAiB,CAGnB,0BAEI,wBAAyB,CAI7B,sBACE,WAAY,CACZ,UAAW,CACX,qBrBvEuB,CqBwEvB,iBAAkB,CCtFpB,KACI,iBAAkB,CAGtB,KACI,kBAAmB,CAGvB,UACI,iBAAkB,CAClB,KAAM,CACN,QAAS,CACT,MAAO,CACP,OAAQ,CACR,gCAAkC,CAClC,SAAU,CAPd,kBAUQ,SAAU,CAIlB,UACI,qBtBFmC,CsBGnC,eAAgB,CAFpB,kBAKQ,gBAAiB,CAIzB,oBACI,oBAAqB,CAGzB,qBACI,qBtBrBmB,CsBsBnB,WAAY,CAOhB,wCACI,SAAU,CAEV,yBAHJ,oBAIQ,WAAY,CAEnB,CAED,UACI,mCAAqC,CADzC,4BAKY,wBAKG,CAKf,yBACI,2BrBdoB,CqBepB,0BrBfoB,CqBaxB,+BAKQ,YAAa,CALrB,qDAQY,6BtB3DK,CsBgEjB,gBACI,qCAA0C,CAD9C,yBAIQ,eAAgB,CAEhB,cAAe,CACf,yBAA2B,CAC3B,eAAgB,CAChB,gBAAiB,CATzB,uCAYY,YAAa,CAYzB,2BACI,oBAAqB,CACrB,oBAAqB,CAGzB,yBACI,eAAgB,CAChB,qBtBzFkC,CsBgGtC,sCAEQ,4IACsF,CAI9F,oBACI,QAAS,CAGb,gBACI,yBtBnHmB,CsBoHnB,8BrB7EoB,CqB8EpB,6BrB9EoB,CqB+EpB,gBAAiB,CACjB,eAAgB,CAGpB,iBACI,WAAY,CACZ,cAAe,CACf,UAAc,CACd,QAAS,CACT,eAAgB,CALpB,yBAQQ,iBAAkB,CAClB,UAAc,CATtB,oEAcY,wBtB5IQ,CsBiJpB,iBACI,iBAAkB,CAClB,eAAgB,CAChB,eAAgB,CdmiCpB,2BchiCI,iBAAkB,CAClB,kBAAmB,CAGvB,gBACI,aAAc,CAGlB,oBACI,UAAW,CADf,kCAIQ,KAAM,CAId,0BACI,eAAgB,CAChB,UAAW,CAGf,kBACI,aAAc,CACd,cAAe,CCzLnB,gBACI,aAAc,CACd,gBAAiB,CAGrB,oBACI,iBAAkB,CAElB,yBAHJ,oBAIQ,eAAgB,CAEvB,CCPD,eACI,iBAAkB,CAClB,QAAS,CACT,UAAW,CAHf,oBAMQ,wBAAoC,CACpC,gBAAiB,ChB6tCzB,yBgBztCE,UAAU,CACV,SAAS,CAOX,oBACI,eAAgB,CAEhB,ctBZ8B,CsBelC,oBACI,yBAA2B,CAC3B,2BAA6B,CAC7B,gBAAiB,CAGrB,wDAEQ,axBpCgB,CwBwCxB,cACI,iBAAkB,CAClB,QAA8C,CAC9C,QAAS,CACT,MAAO,CACP,qBAAsB,CACtB,UA9CqB,CA+CrB,eAAgB,CAChB,aAAc,CACd,iBAAkB,CAClB,2BxBnCa,CwBqCb,yCAZJ,cAaQ,YAAa,CAEpB,ChB+sCD,wBgB7sCE,OAAO,CACP,SAAS,CAGX,6CACI,cAAe,CACf,iBAAkB,CC1DtB,MACI,aAAc,CACd,iBAAkB,CAClB,MAAO,CACP,OAAQ,CAER,yCANJ,MAQQ,iBAAkB,CAClB,kBAAmB,CAe1B,CAZG,yCAZJ,MAaQ,YAAa,CAWpB,CAxBD,eAiBQ,sBAAuB,CACvB,SAAU,CAlBlB,sBAsBQ,SAAU,CAOd,yCADJ,aAEQ,eAAgB,CAChB,kBAAmB,CAM1B,CAHG,yCANJ,aAOQ,gBAAiB,CAExB,CAED,cACI,gBAAiB,CACjB,qBAAyB,CACzB,iBxBSsB,CwBRtB,gBAAiB,CAEjB,yCANJ,cAOQ,eAAgB,CAQvB,CALG,yCAVJ,cAWQ,SAAU,CACV,oBAAqB,CACrB,uBAAwB,CAE/B,CAED,wBAEQ,qBAAyB,CAIjC,sBACI,iBAAkB,CAClB,SAAU,CACV,MAAO,CACP,OAAQ,CACR,SAAU,CALd,oCAQQ,oBAAsB,CAEtB,yCAVR,oCAWY,mBAAqB,CAE5B,CAGL,WACI,UAAc,CACd,sBAAuB,CAG3B,aACI,YAAa,CACb,WAAY,CACZ,eAAgB,CAChB,cvB/E8B,CuB2ElC,2CAQY,uBAA6B,CAC7B,UAAW,CATvB,oGAiBY,YAAa,CAjBzB,6BAsBQ,aAAc,CACd,qBzB5FqB,CyBgG7B,2BAEI,wBzBzGsB,CyB0GtB,4BzBzGqB,CyB0GrB,yBzB1GqB,CyB6GzB,0BACI,iBAAkB,CAGtB,mBACI,gBAAiB,CAGrB,qBACI,eAAgB,CAGpB,mBACI,sBAAuB,CACvB,kBAAmB,CACnB,eAAgB,CAEhB,yCALJ,mBAMQ,cAAe,CAEtB,CAED,YACI,eAAgB,CAChB,mBAAoB,CACpB,cAAe,CAEf,yCALJ,YAMQ,cvBzI0B,CuB2IjC,CAED,uBACI,mBAAoB,CAEpB,yCAHJ,uBAIQ,mBAAoB,CAc3B,CAXG,0CAPJ,uBAQQ,mBAAoB,CAU3B,CAlBD,8CAYQ,aAAc,CAZtB,6CAgBQ,cAAe,CAIvB,6BACI,iBAAkB,CAClB,eAAgB,CAChB,qBzB7JmC,CyBgKvC,6BACI,wBAAyB,CAG7B,iDAKQ,cAAe,CAKnB,yCADJ,qBAEQ,iBAAuC,CAE9C,CAGG,yCADJ,sBAEQ,kBxB/JkB,CwBiKzB,CAED,cACI,iBAAkB,CAClB,OAAQ,CACR,KAAM,CACN,UrB3MoB,CqB8MxB,uBACI,cAAe,CACf,UrBhNoB,CqBiNpB,qBAAyB,CACzB,aAAc,CACd,iBxBjKsB,CwBmKtB,yCAPJ,uBAQQ,OAAQ,CACR,QAAS,CACT,MAAO,CACP,UAAW,CACX,eAAgB,CAChB,SAAU,CACV,YAAa,CACb,WxBzLkB,CwB2LzB,CAID,WACI,QAAS,CAET,yCAHJ,WAIQ,YAAa,CACb,eAAgB,CAsBvB,CA3BD,oBASQ,gBAAiB,CACjB,iBAAkB,CAV1B,kCAeY,gBAAiB,CAf7B,mFAoBQ,gBAAiB,CACjB,iBAAkB,CArB1B,+BAyBQ,YAAa,CAIrB,aACI,wBzBvQoB,CyBwQpB,oBAAqB,CACrB,YAAa,CACb,qBAAyB,CAO7B,iCACI,qBAAsB,CACtB,oBAAqB,CCjRzB,yBACE,eAAgB,CAChB,mBAAqB,CAGvB,eACE,qBAAyB,CAD3B,0BAII,SAAU,CCRd,kBACE,iBAAkB,CAClB,WAAY,CACZ,UAAW,CAEX,yCALF,mCAOM,UAAW,CACZ,CAKH,yCADF,0CAGM,WAAY,CACZ,qBAAuB,CACxB,CAIL,eACE,0BAA4B,CAC5B,kBAAmB,CACnB,aAAc,CAGhB,wBACE,YAAa,CACb,eAAgB,CAChB,iBAAkB,CAClB,SAAU,CACV,qB3BpBe,C2BqBf,0B1BiBsB,C0BhBtB,2B1BgBsB,C0BbxB,kEACE,iBAAkB,CAClB,MAAO,CACP,OAAQ,CAGV,oCACE,qCAAuC,CACvC,0B1BKsB,C0BJtB,2B1BIsB,C0BHtB,iCAA0C,CAC1C,+BAAiC,CACjC,KAAM,CACN,QAAS,CAGX,8BACE,QAAS,CACT,WAAY,CACZ,eAAgB,CAChB,eAAgB,CAChB,gBAAiB,CACjB,eAAgB,CAChB,oCAAwC,CACxC,yB3BnDuB,C2B2CzB,oCAWI,UAAW,CACX,gBAAiB,CACjB,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,UAAW,CACX,WAAa,CACb,6EAAiF,CAIrF,yCAEI,cAAe,CACf,0BAA6B,CAC7B,eAAmB,CACnB,iBAAkB,CAClB,oBAAqB,CACrB,aAAc,CACd,mBAAoB,CACpB,qBAAsB,CACtB,gBAAiB,CACjB,kBAAmB,CACnB,aAAc,CAGd,kCAAmC,CAEnC,iCAAkC,CAGlC,iCAAkC,CAGlC,4BAA6B,CAE7B,cAAe,CACf,qB3BnFkC,C2BuFtC,6CACE,mBAAoB,CAGtB,kCACE,UAAY,CACZ,aAAc,CAFhB,0CAKI,cAAe,CAInB,qBACE,cAAe,CAGjB,wBACE,QAAS,CACT,aAAc,CACd,UAAc,CACd,qB3B/GuB,C2BgHvB,6B1B7EsB,C0B8EtB,8B1B9EsB,C0BwExB,gCASI,UAAc,CAIlB,2BACE,QAAS,CAGX,qCACE,cAAe,CACf,eAAgB,CAGlB,2BACE,qB3BtIqB,C2BuIrB,YAAa,CACb,kBAAmB,CACnB,iBAAkB,CAClB,iBAAkB,CAGpB,oCACE,cAAe,CACf,WAAY,CAGd,mCACE,iBAAkB,CAClB,OAAQ,CACR,UAAW,CAEX,oBAAsB,CACtB,qBAAuB,CACvB,YAAa,CAPf,2CAUI,gBAAiB,CACjB,cAAe,CAInB,qBACE,iBAAkB,CAClB,UAAW,CACX,aAAqC,CAHvC,oDAMI,aAAqC,CANzC,6BAUI,eAAgB,CAChB,WAAY,CACZ,UAAW,CAIf,uBACE,iBAAkB,CAClB,YAAa,CACb,qB3BrLuB,C2BsLvB,kBAAmB,CACnB,qB3BhLqC,C2BiLrC,iBAAkB,CAClB,cAAe,CACf,6BAA8B,CAC9B,mBAAqB,CATvB,2DAYI,qBAAuB,CAZ3B,0FAgBI,oB3B1Me,C2B2Mf,wBAA+C,CAC/C,a3B5Me,C2B0LnB,2NAqBM,a3B/Ma,C2BoNnB,oBACE,WvBxM8B,CuB8MhC,uBACE,qBAAyB,CAD3B,oCAII,kBAAmB,CACnB,iB3BtNa,C2B0NjB,iFAGM,cAAe,CACf,QAAgD,CAChD,MAAO,CACP,OAAQ,CACR,SAAU,CAEV,yCATN,iFAUQ,SAAmC,CAInC,cAJmC,CAsBtC,CAfC,yCAjBN,iFAkBQ,cAAe,CAclB,CAhCL,+FAsBQ,aAAc,CAEd,yCAxBR,+FAyBU,YAAa,CAMhB,CAHC,yCA5BR,+FA6BU,aAAc,CAEjB,CA/BP,8DAmCM,gBAAiB,CAKvB,8CAEI,qB3BrQmB,C2BsQnB,qB3BrQa,C2BsQb,kBAAmB,CAIvB,gCACE,iBAAkB,CAClB,kBAAmB,CAMrB,iCACE,eAAgB,CAGlB,iCACE,cAAe,CACf,qBAAuB,CAIvB,yCADF,kBAEI,WAAY,CACZ,cAAe,CAOlB,CAJC,yCANF,kBAOI,WAAY,CACZ,cAAe,CAElB,CAED,yCACE,6EAEI,qBAA6C,CAC9C,CAIL,kBACE,qBAAyB,CACzB,aAAc,CCjUhB,kBACI,oBAAsB,CAD1B,0BAIQ,gBAAiB,CAIzB,oBACI,iBAAkB,CAClB,iBAAkB,CAClB,wB5BLe,C4BMf,UAAW,CACX,QAAS,CACT,WAAY,CACZ,gBAAiB,CACjB,cAAe,CACf,eAAgB,CAChB,gBAAiB,CAVrB,2BAaQ,UAAW,CACX,iBAAkB,CAClB,UAAW,CACX,OAAQ,CACR,yCAA6C,CAC7C,gCAAiC,CACjC,mCAAoC,CAI5C,mBACI,aAAc,CAGlB,sBACI,WAAY,CAGhB,6BACI,eAAgB,CAGpB,kPAIQ,qB5B1B+B,C4B2B/B,c1BlC0B,C0B6BlC,0QAQY,c1BrCsB,C0BsCtB,WAAY,CACZ,UAAW,CACX,gBAAiB,CACjB,gB1BzCsB,C2BdlC,cACI,iB5BqDoB,C4BpDpB,SAAU,CACV,c3BW8B,C2BV9B,eAAgB,CAEhB,0BANJ,cAOQ,yBAA2B,CAOlC,CAdD,iBAWQ,QAAS,CACT,eAAgB,CAIxB,4BACI,Y5BiCyE,C4B9B7E,2BACI,WAAY,CAEZ,yBAHJ,2BAIQ,WAAY,CAEnB,CAED,oBACI,qB7BNkC,C6BOlC,iBAAkB,CAGtB,qBACI,iBAAkB,CAClB,UAAW,CACX,QAAS,CACT,YAAa,CAJjB,4BAOQ,UAAW,CACX,iBAAkB,CAClB,4BAA6B,CAC7B,iCAAkC,CAClC,kCAAmC,CAI3C,+DACI,UAAW,CAGf,+CACI,WAAY,CrBquDhB,+BqBhuDI,UAAW,CACX,SAAU,CrBmuDd,mFqBhuDI,SAAS,CACT,UAAU,CrBmuDd,yDqBhuDM,UAAW,CACX,UAAU,CAIhB,oBACI,gBAAiB,CAGrB,2BACI,eAAgB,CAGpB,0BACI,eAAgB,CAChB,qB7B5DmC,C6B+DvC,uDAIQ,SAAU,CAJlB,6CAOY,gBAAiB,CACjB,WAAY,CACZ,UAAW,CAKvB,2CAEQ,wBAAyB,CACzB,UAAW,CAInB,qBACI,iBAAkB,CAClB,gBAAiB,CAFrB,6BAKQ,a7BnFU,C6BuFlB,8BACI,iBAAkB,CAClB,KAAM,CACN,UAAW,CACX,mCAA0C,CAG9C,uBACI,wB7B7GsB,C6BgH1B,uBACI,YAAa,CC9HjB,aACI,yBAA0B,CAC1B,iBAAkB,CAClB,c5BW8B,C4BdlC,gBAMQ,iBAAkB,CAClB,4BAA6B,CAPrC,mBAWQ,UAAW,CACX,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,UAAW,CACX,UAAW,CACX,KAAQ,CACR,WAAY,CACZ,iCAAkC,CAClC,oCAAqC,CACrC,+B9BHgB,C8BOxB,wCACI,yB9BXmB,C8BcvB,qBACI,YAAa,CACb,eAAgB,CAGpB,qBACI,iBAAkB,CAElB,2BAA4B,CAC5B,iBAAkB,CAClB,eAAgB,CAChB,iBAAkB,CAClB,UAAc,CACd,wB9BxBoB,C8B2BxB,qBACI,wB9BxCe,C8ByCf,WAAY,CACZ,iBAAkB,CAClB,KAAM,CACN,UAAW,CAGf,mBACI,iBAAkB,CAClB,UAAc,CAGlB,mBACI,YAAa,CACb,qBAAyB,CACzB,6B7BPoB,C6BQpB,8B7BRoB,C6BSpB,aAAc,CAGlB,qBACI,qBAAyB,CACzB,a9B1Da,C8B2Db,oBAAqB,CACrB,eAAgB,CAChB,c5BzD8B,C4BoDlC,4DAQQ,iBAAkB,CAR1B,4EAYQ,SAAS,CAZjB,4EAgBQ,SAAS,CAIjB,oBACI,eAAgB,CAGpB,mBACI,iBAAkB,CAClB,UAAY,CACZ,wBAAyB,CACzB,c5BhF8B,C4BmFlC,kCAEQ,gBAAiB,CAKzB,mBACI,kBAAmB,CACnB,gBAAiB,CACjB,gBAAiB,CAEjB,yCALJ,mBAMQ,0BAA2B,CAclC,CApBD,yBAUQ,+B9BxGS,C8B8FjB,wCAcQ,qBAAyB,CAdjC,wCAkBQ,wB9BhHS,C+BVjB,yCAEQ,eAAgB,CAFxB,wCAMQ,YAAa,CANrB,uEAcY,qBAAyB,CAdrC,6EAkBY,qB/BEiB,C+BG7B,gCACI,cAAe,CACf,WAAY,CAGhB,uBACI,eAAgB,CAGpB,4BACI,iBAAkB,CAClB,kBAAmB,CAGvB,4BACI,WAAY,CAGhB,mCAEQ,sBAAwB,CACxB,c7B9B0B,C6B+B1B,UAAW,CACX,iBAAkB,CAI1B,oCACI,wBAA0B,CAC1B,UAAW,CACX,aAAc,CACd,SAAU,CACV,gBAAiB,CAGrB,wCAEQ,YAAa,CAIrB,sCACI,iBAAkB,CAClB,QAAS,CACT,eAAgB,CAGpB,oCACI,YAAa,CAGjB,6CACI,cAAe,CC3EnB,WACI,iBAAkB,CAGtB,oBACI,cAAe,CACf,aAAc,CAGlB,oBACI,eAAgB,CAChB,c9BG8B,C8BF9B,iBAAkB,CAElB,yCALJ,oBAMQ,aAAc,CAErB,CAED,uCACI,gBAAiB,CACjB,QAAS,CACT,c9BR8B,C8BWlC,mBACI,iBAAkB,CAClB,UAAW,CACX,QAAS,CAGb,yCAGY,mBAAqB,CACrB,cAAe,CACf,WAAY,CALxB,8FAUgB,8BhCnCG,CgC0CnB,2CAEQ,aAAc,CAFtB,0CAMQ,cAAe,CAIvB,0BACI,iBAAkB,CAClB,eAAgB,CAEhB,qBhCzCmC,CgC4CvC,0BACI,wBAAyB,CAG7B,mBACI,iBAAkB,CAClB,eAAgB,CAGpB,4BACI,cAAe,CAGnB,uBACI,iBAAkB,CAClB,YAAa,CACb,kBAAmB,CAEnB,yCALJ,uBAMQ,eAAgB,CAEvB,CAGG,yCADJ,2BAEQ,UAAW,CAElB,CAED,gCACI,gBAAiB,CACjB,UAAW,CAGf,+BACI,iBAAkB,CAClB,KAAM,CACN,OAAQ,CACR,WAAY,CACZ,8CAAsD,CACtD,eAAgB,CAChB,WAAY,CACZ,QAAS,CARb,uCAeQ,YAAa,CAIrB,qBACI,YAAa,CACb,WAAY,CAFhB,oCAKQ,wBhC9GkB,CgCkH1B,8BACI,iBAAoB,CACpB,4BhClHmB,CgCqHvB,8BACI,ahCnHoB,CgCoHpB,eAAgB,CCnIpB,gCACI,eAAgB,CAGpB,oBACI,qBjCMqB,CiCJrB,6BjCOkB,CiCJtB,kBACI,qBAAsB,CAEtB,0CAHJ,kBAIQ,mBAAoB,CAE3B,CAED,iBACI,kBAAmB,CACnB,e7BJ4B,C6BM5B,yCAJJ,iBAKQ,kBAAmB,CAY1B,CATG,0CARJ,iBASQ,kBAAmB,CAQ1B,CAjBD,4BAcQ,iBAAkB,CAClB,UAAW,CAInB,2BACI,YAAa,CAGjB,yEACI,gBAAiB,CAGrB,uFACI,cAAe,CAInB,gFACI,kBAAmB,CACnB,eAAgB,CAChB,eAAgB,CAChB,gBAAiB,CACjB,kBAAmB,CAGvB,uBACI,UjC7CkB,CiCgDtB,8BACI,eAAgB,CAChB,eAAgB,CAGpB,0BACI,eAAgB,CAChB,oBAAqB,CAGzB,6BACI,cAAe,CACf,qBAAuB,CACvB,eAAgB,CAGpB,gBACI,qBAAyB,CACzB,eAAgB,CAChB,gBAAiB,CACjB,iBAAkB,CAClB,WAAY,CACZ,mBAAqB,CACrB,oBAAsB,CAG1B,yBACI,kBAAmB,CAGvB,mDACI,QAAS,CACT,SAAU,CAFd,qEAKQ,eAAgB,CAIxB,2FACI,WAAY,CACZ,QAAc,CAGlB,yBACI,aAAc,CADlB,kDAKY,aAAc,CAL1B,iDASY,cAAe,CAK3B,4BACI,SAAU,CACV,cAAe,CAGnB,qCACI,YAAa,CACb,kBAAmB,CAGvB,qBACI,SAAU,CAGd,+BACI,wBjC7HsB,CiCgI1B,6BACI,4BAA6B,CAC7B,SAAU,CAFd,iDAKQ,kBAAmB,CAI3B,2BACI,SAAU,CACV,iBAAkB,CAClB,eAAgB,CAEhB,yCALJ,2BAMQ,gBAAiB,CAExB,CAED,2GACI,qBAAyB,CACzB,WAAY,CACZ,cAAqC,CACrC,QAAc,CACd,gBAAiB,CACjB,eAAgB,CAChB,WAAY,CAGhB,gDACI,iBAAkB,CAClB,SAAU,CACV,eAAgB,CAGpB,uFACI,YAAa,CAGjB,8FACI,cAAqC,CACrC,SAAU,CACV,QAAS,CAGb,4BACI,cAAe,CADnB,8BAIQ,yBAA2B,CAC3B,+BAA+B,CAIvC,sBACI,WAAY,CAGhB,uCACI,aAAc,CACd,QAAS,CAFb,yDAKQ,YAAa,CAIrB,+BACI,eAAgB,CADpB,0CAIQ,YAAa,CACb,eAAgB,CCjNxB,0BACI,QAAc,CCLlB,oBACI,SAAU,CACV,QAAS,CAFb,yCAMY,4BnCSW,CmCfvB,wCAWQ,SAAU,CACV,QAAS,CAZjB,wCAgBQ,YAAa,CACb,QAAS,CAIjB,8BACI,mBAAoB,CAEpB,yCAHJ,8BAIQ,kBAAmB,CACnB,gBAAiB,CAExB,CAED,uCACI,aAAc,CAGlB,iCACI,wBnCjCwC,CmCoC5C,0CACI,WAAY,CACZ,qBAAyB,CAG7B,mCACI,eAAgB,CAChB,eAAgB,CAChB,yBnChCqB,CoCdzB,cACI,eAAgB,CAChB,eAAgB,CAGpB,gBACI,YAAa,CACb,aAAc,CAGd,iBAAqB,CAArB,kBAAqB,CAArB,kBAAqB,CCPzB,eACI,qBrCUqB,CqCTrB,kBAAmB,CACnB,WAAY,CACZ,6BrCUkB,CqCPtB,eACI,mBAAoB,CAIpB,yCADJ,2BAEQ,YAAa,CAEpB,CAED,sBACI,YAAa,CACb,eAAgB,CAChB,arCtBoB,CqCyBxB,uBACI,SAAU,CAGd,6CAEQ,arCzBa,CqC6BrB,wBACI,gBAAiB,CAEjB,iBAAkB,CAClB,qBrCzBmB,CqC0BnB,gCAAkC,CAClC,6BpCYoB,CoCXpB,8BpCWoB,CoCTpB,mBAAe,CAAf,cAAe,CAEf,yCAXJ,wBAYQ,6BAA0B,CAA1B,wBAA0B,CAOjC,CAnBD,4BAgBQ,cAAe,CACf,WAAY,CAIpB,8BACI,wBrCzDoB,CqC4DxB,oBACI,oBAAqB,CACrB,WAAY,CACZ,eAAgB,CAChB,8BAAmB,CAAnB,kBAAmB,CAOvB,8BACI,qBAAyB,CACzB,qBAAuB,CACvB,qBrC3Da,CqCwDjB,iDAMQ,UAAW,CAInB,oCACI,gBAAiB,CAGrB,gBACI,uBAAyB,CAGzB,oBAAqB,CACrB,UAAc,CACd,eAAgB,CANpB,wBASQ,SAAU,CACV,sBAAuB,CAV/B,wBAcQ,UAAc,CCpGtB,wBAEI,qBtCYqB,CsCRzB,yBACE,cAAe,CACf,cAAe,CAFjB,2BAKI,eAAgB,CAChB,kBAAmB,CACnB,eAAgB,CAChB,sBAAuB,CACvB,oBAAqB,CCfzB,gCAEQ,SAAU,CACV,QAAS,CAHjB,yCAOQ,SAAU,CAPlB,yCAWQ,aAAc,CAXtB,uCAeQ,YAAa,CAIrB,kEACI,SAAU,CAGd,mCACI,kBAAmB,CAOvB,uCACI,gBAAiB,CAGrB,2CACI,eAAgB,CAChB,cAAe,CACf,yBvCvBmB,CwCfvB,6BAEQ,YAAa,CAGjB,yCALJ,kBAMQ,yBxCSe,CwCPtB,CAED,4BACI,iBAAkB,CAClB,WAAY,CAFhB,gDAKQ,qBAAyB,CAIjC,4BACI,iBAAkB,CAGtB,6BACE,WAAW,ChCw3Eb,uCgCp3EE,UAAU,CC5BZ,UACE,aAAc","file":"monitor.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Classroom Monitor Colors\n$_primary-color: #1565c0; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 54%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: map-merge($color, $body-color);\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #1565c0; }\n\nblockquote {\n  background-color: #f5f9fe;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1565c0;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #1565c0;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1565c0 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: #ecf4fd; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1565c0;\n  background-color: #ecf4fd; }\n\n.primary {\n  color: #1565c0; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: #ecf4fd; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #1565c0; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: #ecf4fd; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #1565c0; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: #ecf4fd; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out; }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1565c0; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #1565c0; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n.milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0; }\n  .milestone.md-button {\n    text-transform: none; }\n\n.milestone__progress {\n  background-color: #eeeeee;\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px; }\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: #1565c0;\n  font-size: 28px;\n  font-weight: 500; }\n\n.milestone__title {\n  font-weight: 700;\n  font-size: 15px;\n  margin-bottom: 12px; }\n\n.milestone-details section:not(:first-child) {\n  margin-top: 8px; }\n\n.milestone-details__section {\n  background-color: #ffffff;\n  padding: 16px; }\n  .milestone-details__section > p {\n    margin-top: 16px;\n    margin-bottom: 0; }\n  .milestone-details__section md-list {\n    padding: 0; }\n  .milestone-details__section .grading {\n    padding: 0; }\n\n.milestone-details__header {\n  padding: 12px 16px;\n  margin: -16px -16px 16px;\n  text-transform: uppercase;\n  font-weight: 500; }\n\n.milestone-details__progress {\n  width: 48px;\n  margin-right: 8px; }\n\n.milestone--add.md-button {\n  text-transform: uppercase; }\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: #eeeeee;\n  border-radius: 50%; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: #ecf4fd;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.student-select {\n  padding-top: 0;\n  padding-bottom: 0; }\n\n.workgroup-progress {\n  margin-bottom: 8px; }\n  @media (min-width: 960px) {\n    .workgroup-progress {\n      margin-bottom: 0; } }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1565c0; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #1565c0;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important; }\n\n.grading__item {\n  background-color: #ffffff; }\n  .grading__item .component {\n    padding: 0; }\n\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px; }\n  @media only screen and (min-width: 600px) {\n    notebook-launcher.md-button.md-fab {\n      z-index: 61; } }\n\n@media only screen and (min-width: 960px) {\n  .notes-visible .notebook-report-container {\n    right: 516px;\n    transition: right 250ms; } }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.view-notebook-item {\n  width: 600px; }\n\n.notebook-item--report {\n  background-color: #ffffff; }\n  .notebook-item--report .note-editor {\n    margin-bottom: 16px;\n    border-color: #cccccc; }\n\n.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n  position: fixed;\n  top: 94px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      left: 54px; } }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 24px; } }\n  @media only screen and (min-width: 960px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 32px; } }\n  .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n    margin: 0 16px; }\n    @media only screen and (min-width: 600px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 8px; } }\n    @media only screen and (min-width: 960px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 16px; } }\n\n.notebook-item--report__container.ui-scrollpoint .note-editor {\n  padding-top: 40px; }\n\n.notebook-item--report__toolbar .note-toolbar {\n  background-color: #dddddd;\n  border: 1px solid #cccccc;\n  margin-bottom: -2px; }\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px; }\n\n.notebook-item--report__add-note {\n  font-weight: 700; }\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.annotations--grading md-input-container {\n  margin-bottom: 0; }\n\n.annotations--grading .md-errors-spacer {\n  display: none; }\n\n.annotations--grading input:focus, .annotations--grading textarea:focus {\n  background-color: #ffffff; }\n\n.annotations--grading input:disabled, .annotations--grading textarea:disabled {\n  color: rgba(0, 0, 0, 0.87); }\n\n.annotations--grading--revision {\n  margin: 8px 0 0;\n  padding: 8px; }\n\n.annotations--notebook {\n  margin-top: 16px; }\n\n.annotations--grading__info {\n  font-style: italic;\n  margin: 8px 8px 4px; }\n\n.annotations--grading__item {\n  padding: 8px; }\n\n.annotations--grading__score input {\n  margin-top: 0 !important;\n  font-size: 18px;\n  width: 52px;\n  text-align: center; }\n\n.annotations--grading__score__label {\n  transform: none !important;\n  width: auto;\n  display: block;\n  padding: 0;\n  margin: 0 8px 0 0; }\n\n.annotations--grading__score__max label {\n  display: none; }\n\n.annotations--grading__score__divider {\n  position: relative;\n  top: 12px;\n  margin-left: 4px; }\n\n.annotations--grading__auto-comment {\n  margin: 0 2px; }\n\n.annotations--grading__auto-comment__content {\n  margin-top: 8px; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.component--grading {\n  padding: 0;\n  margin: 0; }\n  .component--grading:not(:last-child) > div {\n    border-bottom: 1px solid #dddddd; }\n  .component--grading .component__wrapper {\n    padding: 0;\n    margin: 0; }\n  .component--grading .component__content {\n    padding: 16px;\n    margin: 0; }\n\n.component--grading__response {\n  padding-bottom: 16px; }\n  @media only screen and (min-width: 960px) {\n    .component--grading__response {\n      padding-right: 16px;\n      padding-bottom: 0; } }\n\n.component--grading__response__content {\n  overflow: auto; }\n\n.component--grading__annotations {\n  background-color: #ecf4fd; }\n\n.component--grading__annotations__divider {\n  padding: 4px;\n  background-color: #ffffff; }\n\n.component--grading__actions__info {\n  margin: 16px 0 0;\n  padding-top: 8px;\n  border-top: 1px solid #eeeeee; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #1565c0; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #1565c0; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.component-revisions .component {\n  padding: 0;\n  margin: 0; }\n\n.component-revisions .component__content {\n  padding: 0; }\n\n.component-revisions .component__wrapper {\n  margin: 16px 0; }\n\n.component-revisions .md-resize-handle {\n  display: none; }\n\n.component-revisions__item, md-list-item.component-revisions__item {\n  padding: 0; }\n\n.component-revisions__item--latest {\n  margin-bottom: 24px; }\n\n.component-revisions__annotation-label {\n  margin-right: 8px; }\n\n.component-revisions__has-auto-and-teacher {\n  padding-top: 8px;\n  margin-top: 8px;\n  border-top: 1px solid #dddddd; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n",".gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out;\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}",".milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0;\n\n  &.md-button {\n    text-transform: none;\n  }\n}\n\n.milestone__progress {\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px;\n}\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: color('primary');\n  font-size: rem(2.8);\n  font-weight: 500;\n}\n\n.milestone__title {\n  font-weight: 700;\n  font-size: $body-font-size-base;\n  margin-bottom: 12px;\n}\n\n.milestone-details {\n  section {\n    &:not(:first-child) {\n      margin-top: 8px;\n    }\n  }\n}\n\n.milestone-details__section {\n  background-color: #ffffff;\n  padding: 16px;\n\n  > p {\n    margin-top: 16px;\n    margin-bottom: 0;\n  }\n\n  md-list {\n    padding: 0;\n  }\n\n  .grading {\n    padding: 0;\n  }\n}\n\n.milestone-details__header {\n  padding: 12px 16px;\n  margin: -16px -16px 16px;\n  text-transform: uppercase;\n  font-weight: 500;\n}\n\n.milestone-details__progress {\n  width: 48px;\n  margin-right: 8px;\n}\n\n.milestone--add {\n  &.md-button {\n    text-transform: uppercase;\n  }\n}\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".student-select {\n    padding-top: 0;\n    padding-bottom: 0;\n}\n\n.workgroup-progress {\n    margin-bottom: 8px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        margin-bottom: 0;\n    }\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n",".grading {\n}\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important;\n}\n\n.grading__item {\n  background-color: #ffffff;\n\n  .component {\n    padding: 0;\n  }\n}\n","// Variables\n$notebook-sidebar-width: 56px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\n.notes-visible {\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    .notebook-report-container {\n      right: 516px;\n      transition: right 250ms;\n    }\n  }\n}\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block;\n}\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: color('gray');\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0;\n}\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255,255,255,0.95);\n  border-top: 1px solid color('gray-lighter');\n\n  &:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n  }\n}\n\n.notebook-item__content--text-only {\n  &:after {\n    content: \"note\";\n    font-family: 'Material Icons';\n    font-weight: normal;\n    font-style: normal;\n    display: inline-block;\n    line-height: 1;\n    text-transform: none;\n    letter-spacing: normal;\n    word-wrap: normal;\n    white-space: nowrap;\n    direction: ltr;\n\n    /* Support for all WebKit browsers. */\n    -webkit-font-smoothing: antialiased;\n    /* Support for Safari and Chrome. */\n    text-rendering: optimizeLegibility;\n\n    /* Support for Firefox. */\n    -moz-osx-font-smoothing: grayscale;\n\n    /* Support for IE. */\n    font-feature-settings: 'liga';\n    //position: absolute;\n    font-size: 80px;\n    color: color('text-disabled');\n  }\n}\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\";\n}\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0;\n\n  md-icon {\n    font-size: 22px;\n  }\n}\n\n.notebook-item__edit {\n  cursor: pointer;\n}\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: color('gray-darkest');\n  border-bottom-left-radius: $card-border-radius;\n  border-bottom-right-radius: $card-border-radius;\n\n  md-icon {\n    color: #ffffff;\n  }\n}\n\n.notebook-item__text-input {\n  margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.notebook-item__attachment {\n  background-color: color('gray-light');\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative;\n}\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto;\n}\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  // TODO: generalize for on item buttons like this (delete attachment, etc)\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0;\n\n  md-icon {\n    margin-left: -2px;\n    font-size: 22px;\n  }\n}\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: lighten(color('accent-1'), 5%);\n\n  a, md-icon {\n    color: lighten(color('accent-1'), 5%);\n  }\n\n  md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto;\n  }\n}\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: color('gray-lighter');\n  margin-bottom: 16px;\n  color: color('text-secondary');\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms;\n\n  md-icon, span {\n    transition: color 250ms;\n  }\n\n  &:hover, &:focus, &.dragover {\n    border-color: color('accent');\n    background-color: lighten(color('accent'), 35%);\n    color: color('accent');\n\n    md-icon, span {\n      color: color('accent');\n    }\n  }\n}\n\n.view-notebook-item {\n  width: $layout-breakpoint-xs;\n}\n\n.view-notebook-item__content {\n}\n\n.notebook-item--report {\n  background-color: #ffffff;\n\n  .note-editor {\n    margin-bottom: 16px;\n    border-color: color('gray');\n  }\n}\n\n.notebook-item--report__container {\n  &.ui-scrollpoint {\n    .notebook-item--report__toolbar {\n      position: fixed;\n      top: ($wise-toolbar-height + $md-toolbar-height);\n      left: 0;\n      right: 0;\n      z-index: 1;\n\n      @media only screen and (min-width: $layout-breakpoint-xs) {\n        left: ($notebook-sidebar-width - 2);\n      }\n\n      @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 24px;\n      }\n\n      @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 32px;\n      }\n\n      .note-toolbar {\n        margin: 0 16px;\n\n        @media only screen and (min-width: $layout-breakpoint-xs) {\n          margin: 0 8px;\n        }\n\n        @media only screen and (min-width: $layout-breakpoint-sm) {\n          margin: 0 16px;\n        }\n      }\n    }\n\n    .note-editor {\n      padding-top: 40px;\n    }\n  }\n}\n\n.notebook-item--report__toolbar {\n  .note-toolbar {\n    background-color: color('gray-light');\n    border: 1px solid color('gray');\n    margin-bottom: -2px;\n  }\n}\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px;\n}\n\n.notebook-item--report__content {\n}\n\n.notebook-item--report__add-note {\n  font-weight: 700;\n}\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important;\n}\n\n.notebook-sidebar {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: 400px;\n    max-width: none;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    width: 500px;\n    max-width: none;\n  }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".annotations--grading {\n    md-input-container {\n        margin-bottom: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n\n    input, textarea {\n        //border-width: 0;\n        //background-color: color('text-light-secondary');\n\n        &:focus {\n            background-color: #ffffff;\n        }\n\n        &:disabled {\n            color: color('text');\n        }\n    }\n}\n\n.annotations--grading--revision {\n    margin: 8px 0 0;\n    padding: 8px;\n}\n\n.annotations--notebook {\n    margin-top: 16px;;\n}\n\n.annotations--grading__info {\n    font-style: italic;\n    margin: 8px 8px 4px;\n}\n\n.annotations--grading__item {\n    padding: 8px;\n}\n\n.annotations--grading__score {\n    input {\n        margin-top: 0 !important;\n        font-size: rem(1.8);\n        width: 52px;\n        text-align: center;\n    }\n}\n\n.annotations--grading__score__label {\n    transform: none !important;\n    width: auto;\n    display: block;\n    padding: 0;\n    margin: 0 8px 0 0;\n}\n\n.annotations--grading__score__max {\n    label {\n        display: none;\n    }\n}\n\n.annotations--grading__score__divider {\n    position: relative;\n    top: 12px;\n    margin-left: 4px;\n}\n\n.annotations--grading__auto-comment {\n    margin: 0 2px;\n}\n\n.annotations--grading__auto-comment__content {\n    margin-top: 8px;\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".component--grading {\n    padding: 0;\n    margin: 0;\n\n    &:not(:last-child) {\n        > div {\n            border-bottom: 1px solid color('gray-light');\n        }\n    }\n\n    .component__wrapper {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 16px;\n        margin: 0;\n    }\n}\n\n.component--grading__response {\n    padding-bottom: 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding-right: 16px;\n        padding-bottom: 0;\n    }\n}\n\n.component--grading__response__content {\n    overflow: auto;\n}\n\n.component--grading__annotations {\n    background-color: color('selected-bg');\n}\n\n.component--grading__annotations__divider {\n    padding: 4px;\n    background-color: #ffffff;\n}\n\n.component--grading__actions__info {\n    margin: 16px 0 0;\n    padding-top: 8px;\n    border-top: 1px solid color('gray-lighter');\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".component-revisions {\n    .component {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 0;\n    }\n\n    .component__wrapper {\n        margin: 16px 0;\n    }\n\n    .md-resize-handle {\n        display: none;\n    }\n}\n\n.component-revisions__item, md-list-item.component-revisions__item {\n    padding: 0;\n}\n\n.component-revisions__item--latest {\n    margin-bottom: 24px;\n}\n\n.component-revisions__item__text {\n\n}\n\n.component-revisions__annotation-label {\n    margin-right: 8px;\n}\n\n.component-revisions__has-auto-and-teacher {\n    padding-top: 8px;\n    margin-top: 8px;\n    border-top: 1px solid color('gray-light');\n}\n",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config--monitor.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/monitor.css","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dragula.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_milestones.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_nav--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_grading.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_component--revisions.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,wBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBEQoB,CFPpB,eAAgB,CAChB,cGlC8B,CHmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBExDsB,CF4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,wBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,wBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,aCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,wBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"monitor.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Classroom Monitor Colors\n$_primary-color: #1565c0; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 54%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: map-merge($color, $body-color);\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #1565c0; }\n\nblockquote {\n  background-color: #f5f9fe;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1565c0;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #1565c0;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1565c0 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: #ecf4fd; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1565c0;\n  background-color: #ecf4fd; }\n\n.primary {\n  color: #1565c0; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: #ecf4fd; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #1565c0; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: #ecf4fd; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #1565c0; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: #ecf4fd; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out; }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1565c0; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #1565c0; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n.milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0; }\n  .milestone.md-button {\n    text-transform: none; }\n\n.milestone__progress {\n  background-color: #eeeeee;\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px; }\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: #1565c0;\n  font-size: 28px;\n  font-weight: 500; }\n\n.milestone__title {\n  font-weight: 700;\n  font-size: 15px;\n  margin-bottom: 12px; }\n\n.milestone-details section:not(:first-child) {\n  margin-top: 8px; }\n\n.milestone-details__section {\n  background-color: #ffffff;\n  padding: 16px; }\n  .milestone-details__section > p {\n    margin-top: 16px;\n    margin-bottom: 0; }\n  .milestone-details__section md-list {\n    padding: 0; }\n  .milestone-details__section .grading {\n    padding: 0; }\n\n.milestone-details__header {\n  padding: 12px 16px;\n  margin: -16px -16px 16px;\n  text-transform: uppercase;\n  font-weight: 500; }\n\n.milestone-details__progress {\n  width: 48px;\n  margin-right: 8px; }\n\n.milestone--add.md-button {\n  text-transform: uppercase; }\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: #eeeeee;\n  border-radius: 50%; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: #ecf4fd;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.student-select {\n  padding-top: 0;\n  padding-bottom: 0; }\n\n.workgroup-progress {\n  margin-bottom: 8px; }\n  @media (min-width: 960px) {\n    .workgroup-progress {\n      margin-bottom: 0; } }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1565c0; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #1565c0;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important; }\n\n.grading__item {\n  background-color: #ffffff; }\n  .grading__item .component {\n    padding: 0; }\n\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px; }\n  @media only screen and (min-width: 600px) {\n    notebook-launcher.md-button.md-fab {\n      z-index: 61; } }\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: 96px;\n  transition: right 250ms;\n  z-index: 3; }\n  @media only screen and (max-width: 959px) {\n    notebook-report {\n      left: 8px;\n      right: 8px;\n      top: 8px;\n      bottom: 8px; } }\n  @media only screen and (min-width: 960px) {\n    notebook-report.report-full {\n      left: 8px;\n      right: 8px;\n      top: 8px;\n      bottom: 8px; }\n    notebook-report.notes-visible {\n      right: 512px; } }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.annotations--grading md-input-container {\n  margin-bottom: 0; }\n\n.annotations--grading .md-errors-spacer {\n  display: none; }\n\n.annotations--grading input:focus, .annotations--grading textarea:focus {\n  background-color: #ffffff; }\n\n.annotations--grading input:disabled, .annotations--grading textarea:disabled {\n  color: rgba(0, 0, 0, 0.87); }\n\n.annotations--grading--revision {\n  margin: 8px 0 0;\n  padding: 8px; }\n\n.annotations--notebook {\n  margin-top: 16px; }\n\n.annotations--grading__info {\n  font-style: italic;\n  margin: 8px 8px 4px; }\n\n.annotations--grading__item {\n  padding: 8px; }\n\n.annotations--grading__score input {\n  margin-top: 0 !important;\n  font-size: 18px;\n  width: 52px;\n  text-align: center; }\n\n.annotations--grading__score__label {\n  transform: none !important;\n  width: auto;\n  display: block;\n  padding: 0;\n  margin: 0 8px 0 0; }\n\n.annotations--grading__score__max label {\n  display: none; }\n\n.annotations--grading__score__divider {\n  position: relative;\n  top: 12px;\n  margin-left: 4px; }\n\n.annotations--grading__auto-comment {\n  margin: 0 2px; }\n\n.annotations--grading__auto-comment__content {\n  margin-top: 8px; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.component--grading {\n  padding: 0;\n  margin: 0; }\n  .component--grading:not(:last-child) > div {\n    border-bottom: 1px solid #dddddd; }\n  .component--grading .component__wrapper {\n    padding: 0;\n    margin: 0; }\n  .component--grading .component__content {\n    padding: 16px;\n    margin: 0; }\n\n.component--grading__response {\n  padding-bottom: 16px; }\n  @media only screen and (min-width: 960px) {\n    .component--grading__response {\n      padding-right: 16px;\n      padding-bottom: 0; } }\n\n.component--grading__response__content {\n  overflow: auto; }\n\n.component--grading__annotations {\n  background-color: #ecf4fd; }\n\n.component--grading__annotations__divider {\n  padding: 4px;\n  background-color: #ffffff; }\n\n.component--grading__actions__info {\n  margin: 16px 0 0;\n  padding-top: 8px;\n  border-top: 1px solid #eeeeee; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #1565c0; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #1565c0; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.component-revisions .component {\n  padding: 0;\n  margin: 0; }\n\n.component-revisions .component__content {\n  padding: 0; }\n\n.component-revisions .component__wrapper {\n  margin: 16px 0; }\n\n.component-revisions .md-resize-handle {\n  display: none; }\n\n.component-revisions__item, md-list-item.component-revisions__item {\n  padding: 0; }\n\n.component-revisions__item--latest {\n  margin-bottom: 24px; }\n\n.component-revisions__annotation-label {\n  margin-right: 8px; }\n\n.component-revisions__has-auto-and-teacher {\n  padding-top: 8px;\n  margin-top: 8px;\n  border-top: 1px solid #dddddd; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n",".gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out;\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}",".milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0;\n\n  &.md-button {\n    text-transform: none;\n  }\n}\n\n.milestone__progress {\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px;\n}\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: color('primary');\n  font-size: rem(2.8);\n  font-weight: 500;\n}\n\n.milestone__title {\n  font-weight: 700;\n  font-size: $body-font-size-base;\n  margin-bottom: 12px;\n}\n\n.milestone-details {\n  section {\n    &:not(:first-child) {\n      margin-top: 8px;\n    }\n  }\n}\n\n.milestone-details__section {\n  background-color: #ffffff;\n  padding: 16px;\n\n  > p {\n    margin-top: 16px;\n    margin-bottom: 0;\n  }\n\n  md-list {\n    padding: 0;\n  }\n\n  .grading {\n    padding: 0;\n  }\n}\n\n.milestone-details__header {\n  padding: 12px 16px;\n  margin: -16px -16px 16px;\n  text-transform: uppercase;\n  font-weight: 500;\n}\n\n.milestone-details__progress {\n  width: 48px;\n  margin-right: 8px;\n}\n\n.milestone--add {\n  &.md-button {\n    text-transform: uppercase;\n  }\n}\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".student-select {\n    padding-top: 0;\n    padding-bottom: 0;\n}\n\n.workgroup-progress {\n    margin-bottom: 8px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        margin-bottom: 0;\n    }\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n",".grading {\n}\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important;\n}\n\n.grading__item {\n  background-color: #ffffff;\n\n  .component {\n    padding: 0;\n  }\n}\n","// Variables\n$notebook-sidebar-width: 500px;\n$report-position-right: 96px;\n$report-full-gap: 8px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: $report-position-right;\n  transition: right 250ms;\n  z-index: 3;\n\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    left: $report-full-gap;\n    right: $report-full-gap;\n    top: $report-full-gap;\n    bottom: $report-full-gap\n  }\n  \n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    &.report-full {\n      left: $report-full-gap;\n      right: $report-full-gap;\n      top: $report-full-gap;\n      bottom: $report-full-gap\n    }\n\n    &.notes-visible {\n      right: $notebook-sidebar-width + 12;\n    }\n  }\n}\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block;\n}\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: color('gray');\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0;\n}\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255,255,255,0.95);\n  border-top: 1px solid color('gray-lighter');\n\n  &:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n  }\n}\n\n.notebook-item__content--text-only {\n  &:after {\n    content: \"note\";\n    font-family: 'Material Icons';\n    font-weight: normal;\n    font-style: normal;\n    display: inline-block;\n    line-height: 1;\n    text-transform: none;\n    letter-spacing: normal;\n    word-wrap: normal;\n    white-space: nowrap;\n    direction: ltr;\n\n    /* Support for all WebKit browsers. */\n    -webkit-font-smoothing: antialiased;\n    /* Support for Safari and Chrome. */\n    text-rendering: optimizeLegibility;\n\n    /* Support for Firefox. */\n    -moz-osx-font-smoothing: grayscale;\n\n    /* Support for IE. */\n    font-feature-settings: 'liga';\n    //position: absolute;\n    font-size: 80px;\n    color: color('text-disabled');\n  }\n}\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\";\n}\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0;\n\n  md-icon {\n    font-size: 22px;\n  }\n}\n\n.notebook-item__edit {\n  cursor: pointer;\n}\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: color('gray-darkest');\n  border-bottom-left-radius: $card-border-radius;\n  border-bottom-right-radius: $card-border-radius;\n\n  md-icon {\n    color: #ffffff;\n  }\n}\n\n.notebook-item__text-input {\n  margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.notebook-item__attachment {\n  background-color: color('gray-light');\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative;\n}\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto;\n}\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  // TODO: generalize for on item buttons like this (delete attachment, etc)\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0;\n\n  md-icon {\n    margin-left: -2px;\n    font-size: 22px;\n  }\n}\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: lighten(color('accent-1'), 5%);\n\n  a, md-icon {\n    color: lighten(color('accent-1'), 5%);\n  }\n\n  md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto;\n  }\n}\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: color('gray-lighter');\n  margin-bottom: 16px;\n  color: color('text-secondary');\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms;\n\n  md-icon, span {\n    transition: color 250ms;\n  }\n\n  &:hover, &:focus, &.dragover {\n    border-color: color('accent');\n    background-color: lighten(color('accent'), 35%);\n    color: color('accent');\n\n    md-icon, span {\n      color: color('accent');\n    }\n  }\n}\n\n.notebook-sidebar {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: $notebook-sidebar-width - 100;  \n    max-width: none;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    width: $notebook-sidebar-width;\n    max-width: none;\n  }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".annotations--grading {\n    md-input-container {\n        margin-bottom: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n\n    input, textarea {\n        //border-width: 0;\n        //background-color: color('text-light-secondary');\n\n        &:focus {\n            background-color: #ffffff;\n        }\n\n        &:disabled {\n            color: color('text');\n        }\n    }\n}\n\n.annotations--grading--revision {\n    margin: 8px 0 0;\n    padding: 8px;\n}\n\n.annotations--notebook {\n    margin-top: 16px;;\n}\n\n.annotations--grading__info {\n    font-style: italic;\n    margin: 8px 8px 4px;\n}\n\n.annotations--grading__item {\n    padding: 8px;\n}\n\n.annotations--grading__score {\n    input {\n        margin-top: 0 !important;\n        font-size: rem(1.8);\n        width: 52px;\n        text-align: center;\n    }\n}\n\n.annotations--grading__score__label {\n    transform: none !important;\n    width: auto;\n    display: block;\n    padding: 0;\n    margin: 0 8px 0 0;\n}\n\n.annotations--grading__score__max {\n    label {\n        display: none;\n    }\n}\n\n.annotations--grading__score__divider {\n    position: relative;\n    top: 12px;\n    margin-left: 4px;\n}\n\n.annotations--grading__auto-comment {\n    margin: 0 2px;\n}\n\n.annotations--grading__auto-comment__content {\n    margin-top: 8px;\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".component--grading {\n    padding: 0;\n    margin: 0;\n\n    &:not(:last-child) {\n        > div {\n            border-bottom: 1px solid color('gray-light');\n        }\n    }\n\n    .component__wrapper {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 16px;\n        margin: 0;\n    }\n}\n\n.component--grading__response {\n    padding-bottom: 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding-right: 16px;\n        padding-bottom: 0;\n    }\n}\n\n.component--grading__response__content {\n    overflow: auto;\n}\n\n.component--grading__annotations {\n    background-color: color('selected-bg');\n}\n\n.component--grading__annotations__divider {\n    padding: 4px;\n    background-color: #ffffff;\n}\n\n.component--grading__actions__info {\n    margin: 16px 0 0;\n    padding-top: 8px;\n    border-top: 1px solid color('gray-lighter');\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".component-revisions {\n    .component {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 0;\n    }\n\n    .component__wrapper {\n        margin: 16px 0;\n    }\n\n    .md-resize-handle {\n        display: none;\n    }\n}\n\n.component-revisions__item, md-list-item.component-revisions__item {\n    padding: 0;\n}\n\n.component-revisions__item--latest {\n    margin-bottom: 24px;\n}\n\n.component-revisions__item__text {\n\n}\n\n.component-revisions__annotation-label {\n    margin-right: 8px;\n}\n\n.component-revisions__has-auto-and-teacher {\n    padding-top: 8px;\n    margin-top: 8px;\n    border-top: 1px solid color('gray-light');\n}\n",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
diff --git a/src/main/webapp/wise5/themes/default/style/vle.css b/src/main/webapp/wise5/themes/default/style/vle.css
index 2ca1058555..caab2785fd 100644
--- a/src/main/webapp/wise5/themes/default/style/vle.css
+++ b/src/main/webapp/wise5/themes/default/style/vle.css
@@ -1,2 +1,2 @@
-body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1c8ca8}blockquote{background-color:#e7f7fb;padding:8px;margin:16px 0;border:solid #1c8ca8;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1c8ca8;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1c8ca8!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#f4fbfd}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#1c8ca8;background-color:#f4fbfd}.primary{color:#1c8ca8}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#f4fbfd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1c8ca8}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#f4fbfd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1c8ca8}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#f4fbfd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav{background-color:#eee!important}.l-node{margin-top:42px;padding:0}@media only screen and (min-width:600px){.l-node{padding:0 0 16px;background-color:#eee!important}}@media only screen and (min-width:960px){.l-node{padding:0 0 32px}}.l-notebook{margin-top:42px;background-color:#eee!important}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;transition:opacity .25s ease-in-out}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1c8ca8}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1c8ca8}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#f4fbfd}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1c8ca8}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #1c8ca8;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}notebook-launcher{position:absolute;bottom:24px;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}@media only screen and (min-width:960px){.notes-visible .notebook-report-container{right:516px;transition:right .25s}}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.view-notebook-item{width:600px}.notebook-item--report{background-color:#fff}.notebook-item--report .note-editor{margin-bottom:16px;border-color:#ccc}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{position:fixed;top:94px;left:0;right:0;z-index:1}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{left:54px;padding:0 24px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{padding:0 32px}}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 8px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}}.notebook-item--report__container.ui-scrollpoint .note-editor{padding-top:40px}.notebook-item--report__toolbar .note-toolbar{background-color:#ddd;border:1px solid #ccc;margin-bottom:-2px}.notebook-item--report__heading{text-align:center;margin-bottom:32px}.notebook-item--report__add-note{font-weight:700}.notebook-item--report__note-img{max-width:100%;height:auto!important}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#1c8ca8}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#1c8ca8}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
+body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1c8ca8}blockquote{background-color:#e7f7fb;padding:8px;margin:16px 0;border:solid #1c8ca8;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1c8ca8;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1c8ca8!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#f4fbfd}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#1c8ca8;background-color:#f4fbfd}.primary{color:#1c8ca8}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#f4fbfd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1c8ca8}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#f4fbfd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1c8ca8}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#f4fbfd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav{background-color:#eee!important}.l-node{margin-top:42px;padding:0}@media only screen and (min-width:600px){.l-node{padding:0 0 16px;background-color:#eee!important}}@media only screen and (min-width:960px){.l-node{padding:0 0 32px}}.l-notebook{margin-top:42px;background-color:#eee!important}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;transition:opacity .25s ease-in-out}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1c8ca8}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1c8ca8}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#f4fbfd}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1c8ca8}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #1c8ca8;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}notebook-launcher{position:absolute;bottom:24px;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}notebook-report{position:absolute;bottom:0;right:96px;transition:right .25s;z-index:3}@media only screen and (max-width:959px){notebook-report{left:8px;right:8px;top:8px;bottom:8px}}@media only screen and (min-width:960px){notebook-report.report-full{left:8px;right:8px;top:8px;bottom:8px}notebook-report.notes-visible{right:512px}}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#1c8ca8}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#1c8ca8}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
 /*# sourceMappingURL=vle.css.map */
diff --git a/src/main/webapp/wise5/themes/default/style/vle.css.map b/src/main/webapp/wise5/themes/default/style/vle.css.map
index b0cf054891..09c7d9ff42 100644
--- a/src/main/webapp/wise5/themes/default/style/vle.css.map
+++ b/src/main/webapp/wise5/themes/default/style/vle.css.map
@@ -1 +1 @@
-{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/vle.css","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-node.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dragula.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,wBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBCQoB,CDPpB,eAAgB,CAChB,cElC8B,CFmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBCxDsB,CD4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,wBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,wBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,aCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,wBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"vle.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #1C8CA8; }\n\nblockquote {\n  background-color: #e7f7fb;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1C8CA8;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #1C8CA8;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1C8CA8 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: #f4fbfd; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1C8CA8;\n  background-color: #f4fbfd; }\n\n.primary {\n  color: #1C8CA8; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: #f4fbfd; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #1C8CA8; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: #f4fbfd; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #1C8CA8; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: #f4fbfd; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-node {\n  margin-top: 42px;\n  padding: 0; }\n  @media only screen and (min-width: 600px) {\n    .l-node {\n      padding: 0 0 16px;\n      background-color: #eeeeee !important; } }\n  @media only screen and (min-width: 960px) {\n    .l-node {\n      padding: 0 0 32px; } }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out; }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1C8CA8; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #1C8CA8; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: #f4fbfd;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1C8CA8; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #1C8CA8;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px; }\n  @media only screen and (min-width: 600px) {\n    notebook-launcher.md-button.md-fab {\n      z-index: 61; } }\n\n@media only screen and (min-width: 960px) {\n  .notes-visible .notebook-report-container {\n    right: 516px;\n    transition: right 250ms; } }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.view-notebook-item {\n  width: 600px; }\n\n.notebook-item--report {\n  background-color: #ffffff; }\n  .notebook-item--report .note-editor {\n    margin-bottom: 16px;\n    border-color: #cccccc; }\n\n.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n  position: fixed;\n  top: 94px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      left: 54px; } }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 24px; } }\n  @media only screen and (min-width: 960px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 32px; } }\n  .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n    margin: 0 16px; }\n    @media only screen and (min-width: 600px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 8px; } }\n    @media only screen and (min-width: 960px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 16px; } }\n\n.notebook-item--report__container.ui-scrollpoint .note-editor {\n  padding-top: 40px; }\n\n.notebook-item--report__toolbar .note-toolbar {\n  background-color: #dddddd;\n  border: 1px solid #cccccc;\n  margin-bottom: -2px; }\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px; }\n\n.notebook-item--report__add-note {\n  font-weight: 700; }\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #1C8CA8; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #1C8CA8; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-node {\n  margin-top: $wise-toolbar-height;\n  padding: 0;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    padding: 0 0 16px;\n    background-color: color('body-bg') !important;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 0 0 32px;\n  }\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n",".gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out;\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 56px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\n.notes-visible {\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    .notebook-report-container {\n      right: 516px;\n      transition: right 250ms;\n    }\n  }\n}\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block;\n}\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: color('gray');\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0;\n}\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255,255,255,0.95);\n  border-top: 1px solid color('gray-lighter');\n\n  &:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n  }\n}\n\n.notebook-item__content--text-only {\n  &:after {\n    content: \"note\";\n    font-family: 'Material Icons';\n    font-weight: normal;\n    font-style: normal;\n    display: inline-block;\n    line-height: 1;\n    text-transform: none;\n    letter-spacing: normal;\n    word-wrap: normal;\n    white-space: nowrap;\n    direction: ltr;\n\n    /* Support for all WebKit browsers. */\n    -webkit-font-smoothing: antialiased;\n    /* Support for Safari and Chrome. */\n    text-rendering: optimizeLegibility;\n\n    /* Support for Firefox. */\n    -moz-osx-font-smoothing: grayscale;\n\n    /* Support for IE. */\n    font-feature-settings: 'liga';\n    //position: absolute;\n    font-size: 80px;\n    color: color('text-disabled');\n  }\n}\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\";\n}\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0;\n\n  md-icon {\n    font-size: 22px;\n  }\n}\n\n.notebook-item__edit {\n  cursor: pointer;\n}\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: color('gray-darkest');\n  border-bottom-left-radius: $card-border-radius;\n  border-bottom-right-radius: $card-border-radius;\n\n  md-icon {\n    color: #ffffff;\n  }\n}\n\n.notebook-item__text-input {\n  margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.notebook-item__attachment {\n  background-color: color('gray-light');\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative;\n}\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto;\n}\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  // TODO: generalize for on item buttons like this (delete attachment, etc)\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0;\n\n  md-icon {\n    margin-left: -2px;\n    font-size: 22px;\n  }\n}\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: lighten(color('accent-1'), 5%);\n\n  a, md-icon {\n    color: lighten(color('accent-1'), 5%);\n  }\n\n  md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto;\n  }\n}\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: color('gray-lighter');\n  margin-bottom: 16px;\n  color: color('text-secondary');\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms;\n\n  md-icon, span {\n    transition: color 250ms;\n  }\n\n  &:hover, &:focus, &.dragover {\n    border-color: color('accent');\n    background-color: lighten(color('accent'), 35%);\n    color: color('accent');\n\n    md-icon, span {\n      color: color('accent');\n    }\n  }\n}\n\n.view-notebook-item {\n  width: $layout-breakpoint-xs;\n}\n\n.view-notebook-item__content {\n}\n\n.notebook-item--report {\n  background-color: #ffffff;\n\n  .note-editor {\n    margin-bottom: 16px;\n    border-color: color('gray');\n  }\n}\n\n.notebook-item--report__container {\n  &.ui-scrollpoint {\n    .notebook-item--report__toolbar {\n      position: fixed;\n      top: ($wise-toolbar-height + $md-toolbar-height);\n      left: 0;\n      right: 0;\n      z-index: 1;\n\n      @media only screen and (min-width: $layout-breakpoint-xs) {\n        left: ($notebook-sidebar-width - 2);\n      }\n\n      @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 24px;\n      }\n\n      @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 32px;\n      }\n\n      .note-toolbar {\n        margin: 0 16px;\n\n        @media only screen and (min-width: $layout-breakpoint-xs) {\n          margin: 0 8px;\n        }\n\n        @media only screen and (min-width: $layout-breakpoint-sm) {\n          margin: 0 16px;\n        }\n      }\n    }\n\n    .note-editor {\n      padding-top: 40px;\n    }\n  }\n}\n\n.notebook-item--report__toolbar {\n  .note-toolbar {\n    background-color: color('gray-light');\n    border: 1px solid color('gray');\n    margin-bottom: -2px;\n  }\n}\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px;\n}\n\n.notebook-item--report__content {\n}\n\n.notebook-item--report__add-note {\n  font-weight: 700;\n}\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important;\n}\n\n.notebook-sidebar {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: 400px;\n    max-width: none;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    width: 500px;\n    max-width: none;\n  }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/vle.css","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-node.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dragula.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,wBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBCQoB,CDPpB,eAAgB,CAChB,cElC8B,CFmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBCxDsB,CD4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,wBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,wBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,aCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,wBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"vle.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #1C8CA8; }\n\nblockquote {\n  background-color: #e7f7fb;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1C8CA8;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #1C8CA8;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1C8CA8 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: #f4fbfd; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1C8CA8;\n  background-color: #f4fbfd; }\n\n.primary {\n  color: #1C8CA8; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: #f4fbfd; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #1C8CA8; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: #f4fbfd; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #1C8CA8; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: #f4fbfd; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-node {\n  margin-top: 42px;\n  padding: 0; }\n  @media only screen and (min-width: 600px) {\n    .l-node {\n      padding: 0 0 16px;\n      background-color: #eeeeee !important; } }\n  @media only screen and (min-width: 960px) {\n    .l-node {\n      padding: 0 0 32px; } }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out; }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1C8CA8; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #1C8CA8; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: #f4fbfd;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1C8CA8; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #1C8CA8;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px; }\n  @media only screen and (min-width: 600px) {\n    notebook-launcher.md-button.md-fab {\n      z-index: 61; } }\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: 96px;\n  transition: right 250ms;\n  z-index: 3; }\n  @media only screen and (max-width: 959px) {\n    notebook-report {\n      left: 8px;\n      right: 8px;\n      top: 8px;\n      bottom: 8px; } }\n  @media only screen and (min-width: 960px) {\n    notebook-report.report-full {\n      left: 8px;\n      right: 8px;\n      top: 8px;\n      bottom: 8px; }\n    notebook-report.notes-visible {\n      right: 512px; } }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #1C8CA8; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #1C8CA8; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-node {\n  margin-top: $wise-toolbar-height;\n  padding: 0;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    padding: 0 0 16px;\n    background-color: color('body-bg') !important;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 0 0 32px;\n  }\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n",".gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out;\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 500px;\n$report-position-right: 96px;\n$report-full-gap: 8px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: $report-position-right;\n  transition: right 250ms;\n  z-index: 3;\n\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    left: $report-full-gap;\n    right: $report-full-gap;\n    top: $report-full-gap;\n    bottom: $report-full-gap\n  }\n  \n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    &.report-full {\n      left: $report-full-gap;\n      right: $report-full-gap;\n      top: $report-full-gap;\n      bottom: $report-full-gap\n    }\n\n    &.notes-visible {\n      right: $notebook-sidebar-width + 12;\n    }\n  }\n}\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block;\n}\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: color('gray');\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0;\n}\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255,255,255,0.95);\n  border-top: 1px solid color('gray-lighter');\n\n  &:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n  }\n}\n\n.notebook-item__content--text-only {\n  &:after {\n    content: \"note\";\n    font-family: 'Material Icons';\n    font-weight: normal;\n    font-style: normal;\n    display: inline-block;\n    line-height: 1;\n    text-transform: none;\n    letter-spacing: normal;\n    word-wrap: normal;\n    white-space: nowrap;\n    direction: ltr;\n\n    /* Support for all WebKit browsers. */\n    -webkit-font-smoothing: antialiased;\n    /* Support for Safari and Chrome. */\n    text-rendering: optimizeLegibility;\n\n    /* Support for Firefox. */\n    -moz-osx-font-smoothing: grayscale;\n\n    /* Support for IE. */\n    font-feature-settings: 'liga';\n    //position: absolute;\n    font-size: 80px;\n    color: color('text-disabled');\n  }\n}\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\";\n}\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0;\n\n  md-icon {\n    font-size: 22px;\n  }\n}\n\n.notebook-item__edit {\n  cursor: pointer;\n}\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: color('gray-darkest');\n  border-bottom-left-radius: $card-border-radius;\n  border-bottom-right-radius: $card-border-radius;\n\n  md-icon {\n    color: #ffffff;\n  }\n}\n\n.notebook-item__text-input {\n  margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.notebook-item__attachment {\n  background-color: color('gray-light');\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative;\n}\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto;\n}\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  // TODO: generalize for on item buttons like this (delete attachment, etc)\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0;\n\n  md-icon {\n    margin-left: -2px;\n    font-size: 22px;\n  }\n}\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: lighten(color('accent-1'), 5%);\n\n  a, md-icon {\n    color: lighten(color('accent-1'), 5%);\n  }\n\n  md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto;\n  }\n}\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: color('gray-lighter');\n  margin-bottom: 16px;\n  color: color('text-secondary');\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms;\n\n  md-icon, span {\n    transition: color 250ms;\n  }\n\n  &:hover, &:focus, &.dragover {\n    border-color: color('accent');\n    background-color: lighten(color('accent'), 35%);\n    color: color('accent');\n\n    md-icon, span {\n      color: color('accent');\n    }\n  }\n}\n\n.notebook-sidebar {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: $notebook-sidebar-width - 100;  \n    max-width: none;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    width: $notebook-sidebar-width;\n    max-width: none;\n  }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
diff --git a/src/main/webapp/wise5/themes/default/vle.html b/src/main/webapp/wise5/themes/default/vle.html
index 6daee118bd..bf025ffb73 100644
--- a/src/main/webapp/wise5/themes/default/vle.html
+++ b/src/main/webapp/wise5/themes/default/vle.html
@@ -41,9 +41,11 @@
         <notebook-notes [config]="vleController.notebookConfig"></notebook-notes>
       </md-sidenav>
       <global-annotations></global-annotations>
+      <notebook-report ng-if="vleController.reportEnabled"
+          ng-class="{'notes-visible': vleController.notesVisible, 'report-full': vleController.reportFullscreen}"
+          [config]="vleController.notebookConfig"></notebook-report>
       <notebook-launcher ng-if="vleController.notesEnabled && !vleController.notesVisible"
           [notebook-config]="vleController.notebookConfig"></notebook-launcher>
-      <notebook></notebook>
     </div>
   </listen-for-delete-keypress>
 </disable-delete-keypress>
diff --git a/src/main/webapp/wise5/vle/vleController.ts b/src/main/webapp/wise5/vle/vleController.ts
index d12af95ea7..b466e95594 100644
--- a/src/main/webapp/wise5/vle/vleController.ts
+++ b/src/main/webapp/wise5/vle/vleController.ts
@@ -32,7 +32,8 @@ class VLEController {
   pauseDialog: any;
   projectName: string;
   projectStyle: string;
-  reportItem: any;
+  reportEnabled: boolean = false;
+  reportFullscreen: boolean = false;
   themePath: string;
   totalScore: any;
   currentNodeChangedSubscription: Subscription;
@@ -40,6 +41,7 @@ class VLEController {
   notificationChangedSubscription: Subscription;
   notesVisibleSubscription: Subscription;
   pauseScreenSubscription: Subscription;
+  reportFullscreenSubscription: Subscription;
 
   static $inject = [
     '$anchorScroll',
@@ -105,6 +107,7 @@ class VLEController {
     if (this.NotebookService.isNotebookEnabled()) {
       this.notebookConfig = this.NotebookService.getStudentNotebookConfig();
       this.notesEnabled = this.notebookConfig.itemTypes.note.enabled;
+      this.reportEnabled = this.notebookConfig.itemTypes.report.enabled;
     }
 
     let userType = this.ConfigService.getConfigParam('userType');
@@ -226,10 +229,16 @@ class VLEController {
       }
     );
 
-    this.notesVisibleSubscription = this.NotebookService.notesVisible$.subscribe((notesVisible) => {
+    this.notesVisibleSubscription =
+        this.NotebookService.notesVisible$.subscribe((notesVisible: boolean) => {
       this.notesVisible = notesVisible;
     });
 
+    this.reportFullscreenSubscription =
+        this.NotebookService.reportFullScreen$.subscribe((full: boolean) => {
+      this.reportFullscreen = full;
+    });
+
     // Make sure if we drop something on the page we don't navigate away
     // https://developer.mozilla.org/En/DragDrop/Drag_Operations#drop
     $(document.body).on('dragover', function (e) {

From 26c295828013457cefc717b03dd5a349947faa76 Mon Sep 17 00:00:00 2001
From: breity <breity10@gmail.com>
Date: Mon, 1 Mar 2021 11:08:23 -0800
Subject: [PATCH 25/36] Removed NotebookComponent. #2827

---
 .../src/app/common-hybrid-angular.module.ts   |   2 -
 .../notebook/notebook/notebook.component.html |  14 --
 .../notebook/notebook/notebook.component.scss |   6 -
 .../notebook/notebook.component.spec.ts       |  59 -----
 .../notebook/notebook/notebook.component.ts   | 232 ------------------
 src/main/webapp/site/src/messages.xlf         |  18 +-
 .../classroomMonitor/classroomMonitor.html    |  57 ++---
 .../webapp/wise5/common-angular-js-module.ts  |   5 -
 .../teacher/teacher-angular-js-module.ts      |   3 +-
 9 files changed, 39 insertions(+), 357 deletions(-)
 delete mode 100644 src/main/webapp/site/src/app/notebook/notebook/notebook.component.html
 delete mode 100644 src/main/webapp/site/src/app/notebook/notebook/notebook.component.scss
 delete mode 100644 src/main/webapp/site/src/app/notebook/notebook/notebook.component.spec.ts
 delete mode 100644 src/main/webapp/site/src/app/notebook/notebook/notebook.component.ts

diff --git a/src/main/webapp/site/src/app/common-hybrid-angular.module.ts b/src/main/webapp/site/src/app/common-hybrid-angular.module.ts
index baca9e55d6..9590b28b59 100644
--- a/src/main/webapp/site/src/app/common-hybrid-angular.module.ts
+++ b/src/main/webapp/site/src/app/common-hybrid-angular.module.ts
@@ -54,7 +54,6 @@ import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MomentModule } from 'ngx-moment';
 import { EditorModule, TINYMCE_SCRIPT_SRC } from '@tinymce/tinymce-angular';
 import { WiseTinymceEditorComponent } from '../../../wise5/directives/wise-tinymce-editor/wise-tinymce-editor.component';
-import { NotebookComponent } from './notebook/notebook/notebook.component';
 import { NotebookParentComponent } from './notebook/notebook-parent/notebook-parent.component';
 import { NotebookItemComponent } from './notebook/notebook-item/notebook-item.component';
 import { NotebookLauncherComponent } from './notebook/notebook-launcher/notebook-launcher.component';
@@ -75,7 +74,6 @@ export class EmptyComponent {}
     HelpIconComponent,
     NodeIconComponent,
     NodeStatusIcon,
-    NotebookComponent,
     NotebookParentComponent,
     NotebookItemComponent,
     NotebookLauncherComponent,
diff --git a/src/main/webapp/site/src/app/notebook/notebook/notebook.component.html b/src/main/webapp/site/src/app/notebook/notebook/notebook.component.html
deleted file mode 100644
index cac4b339f4..0000000000
--- a/src/main/webapp/site/src/app/notebook/notebook/notebook.component.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<ng-container *ngIf="config.enabled" [ngClass]="{'notes-visible': notesVisible}">
-    <div class="notebook-overlay"></div>
-    <notebook-report *ngIf="config.itemTypes.report.enabled"
-        [mode]="mode"
-        [insertContent]="insertContent"
-        [insertMode]="insertMode"
-        [config]="config"
-        [reportId]="reportId"
-        [visible]="reportVisible"
-        [workgroupId]="workgroupId"
-        (onCollapse)="setInsertMode(false, requester)"
-        (onSetInsertMode)="setInsertMode($event)">
-    </notebook-report>
-</ng-container>
\ No newline at end of file
diff --git a/src/main/webapp/site/src/app/notebook/notebook/notebook.component.scss b/src/main/webapp/site/src/app/notebook/notebook/notebook.component.scss
deleted file mode 100644
index 360019dbde..0000000000
--- a/src/main/webapp/site/src/app/notebook/notebook/notebook.component.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-notebook {
-  position: fixed;
-  bottom: 0;
-  right: 0;
-}
-
diff --git a/src/main/webapp/site/src/app/notebook/notebook/notebook.component.spec.ts b/src/main/webapp/site/src/app/notebook/notebook/notebook.component.spec.ts
deleted file mode 100644
index 74364df455..0000000000
--- a/src/main/webapp/site/src/app/notebook/notebook/notebook.component.spec.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { HttpClientTestingModule } from "@angular/common/http/testing";
-import { TestBed } from "@angular/core/testing";
-import { UpgradeModule } from "@angular/upgrade/static";
-import { configureTestSuite } from "ng-bullet";
-import { Subscription } from "rxjs";
-import { AnnotationService } from "../../../../../wise5/services/annotationService";
-import { ConfigService } from "../../../../../wise5/services/configService";
-import { NotebookService } from "../../../../../wise5/services/notebookService";
-import { ProjectService } from "../../../../../wise5/services/projectService";
-import { SessionService } from "../../../../../wise5/services/sessionService";
-import { StudentAssetService } from "../../../../../wise5/services/studentAssetService";
-import { StudentDataService } from "../../../../../wise5/services/studentDataService";
-import { TagService } from "../../../../../wise5/services/tagService";
-import { UtilService } from "../../../../../wise5/services/utilService";
-import { NotebookComponent } from "./notebook.component";
-
-let component: NotebookComponent;
-
-describe('NotebookComponent', () => {
-  configureTestSuite(() => {
-    TestBed.configureTestingModule({
-      imports: [ HttpClientTestingModule, UpgradeModule ],
-      declarations: [ NotebookComponent ],
-      providers: [
-        AnnotationService,
-        ConfigService,
-        NotebookService,
-        ProjectService,
-        SessionService,
-        StudentAssetService,
-        StudentDataService,
-        TagService,
-        UtilService
-      ]
-    });
-  });
-
-  beforeEach(() => {
-    const fixture = TestBed.createComponent(NotebookComponent);
-    component = fixture.componentInstance;
-    component.addNoteSubscription = new Subscription();
-    component.closeNotebookSubscription = new Subscription();
-    component.editNoteSubscription = new Subscription();
-    component.notebookUpdatedSubscription = new Subscription();
-    component.openNotebookSubscription = new Subscription();
-  });
-
-  closeNotes();
-});
-
-function closeNotes() {
-  it('should close notes', () => {
-    component.notesVisible = true;
-    component.insertMode = true;
-    component.closeNotes();
-    expect(component.notesVisible).toEqual(false);
-    expect(component.insertMode).toEqual(false);
-  });
-}
diff --git a/src/main/webapp/site/src/app/notebook/notebook/notebook.component.ts b/src/main/webapp/site/src/app/notebook/notebook/notebook.component.ts
deleted file mode 100644
index 0f567e8443..0000000000
--- a/src/main/webapp/site/src/app/notebook/notebook/notebook.component.ts
+++ /dev/null
@@ -1,232 +0,0 @@
-import { Component, Input } from "@angular/core";
-import { UpgradeModule } from "@angular/upgrade/static";
-import { Subscription } from "rxjs";
-import { ConfigService } from "../../../../../wise5/services/configService";
-import { NotebookService } from "../../../../../wise5/services/notebookService";
-import { ProjectService } from "../../../../../wise5/services/projectService";
-import { UtilService } from "../../../../../wise5/services/utilService";
-
-@Component({
-  selector: 'notebook',
-  styleUrls: ['notebook.component.scss'],
-  templateUrl: 'notebook.component.html'
-})
-export class NotebookComponent {
-
-  @Input()
-  filter: string;
-
-  @Input()
-  mode: string;
-
-  @Input()
-  workgroupId: number;
-
-  itemId: string;
-  item: any;
-  config: any;
-  reportVisible: boolean;
-  notesVisible: boolean;
-  insertMode: boolean;
-  insertContent: any;
-  requester: string;
-  addNoteSubscription: Subscription;
-  closeNotebookSubscription: Subscription;
-  editNoteSubscription: Subscription;
-  notebookUpdatedSubscription: Subscription;
-  openNotebookSubscription: Subscription;
-  notebook: any;
-  publicNotebookItems: any;
-  reportId: string;
-  selectedNotebookItem: any;
-
-  constructor(
-    private upgrade: UpgradeModule,
-    private ConfigService: ConfigService,
-    private NotebookService: NotebookService,
-    private ProjectService: ProjectService,
-    private UtilService: UtilService
-  ) {
-  }
-
-  ngOnInit(): void {
-    this.itemId = null;
-    this.item = null;
-
-    if (this.workgroupId == null) {
-      this.workgroupId = this.ConfigService.getWorkgroupId();
-    }
-
-    if (this.isStudentNotebook()) {
-      this.config = this.UtilService.makeCopyOfJSONObject(
-          this.NotebookService.getStudentNotebookConfig());
-    } else {
-      this.config = this.UtilService.makeCopyOfJSONObject(
-          this.NotebookService.getTeacherNotebookConfig());
-    }
-
-    if (!this.config.enabled) {
-      return;
-    }
-
-    this.reportVisible = this.config.itemTypes.report.enabled;
-    this.notesVisible = false;
-    this.insertMode = false;
-    this.insertContent = null;
-    this.requester = null;
-
-    this.addNoteSubscription = this.NotebookService.addNote$.subscribe(
-        ({file, noteText, isEditTextEnabled, isFileUploadEnabled, studentWorkIds}) => {
-      const note = null;
-      const isEditMode = true;
-      this.showEditNoteDialog(
-        note,
-        isEditMode,
-        file,
-        noteText,
-        isEditTextEnabled,
-        isFileUploadEnabled,
-        studentWorkIds
-      );
-    });
-
-    this.closeNotebookSubscription = this.NotebookService.closeNotebook$.subscribe(() => {
-      this.closeNotes();
-    });
-
-    this.editNoteSubscription = this.NotebookService.editNote$.subscribe(({note, isEditMode}) => {
-      const file = null;
-      const noteText = null;
-      const isEditTextEnabled = true;
-      const isFileUploadEnabled = true;
-      const studentWorkIds = null;
-      this.showEditNoteDialog(
-        note,
-        isEditMode,
-        file,
-        noteText,
-        isEditTextEnabled,
-        isFileUploadEnabled,
-        studentWorkIds
-      );
-    });
-
-    this.notebookUpdatedSubscription = this.NotebookService.notebookUpdated$.subscribe(
-        ({notebook}) => {
-      this.notebook = this.UtilService.makeCopyOfJSONObject(notebook);
-    });
-
-    this.openNotebookSubscription = this.NotebookService.openNotebook$.subscribe(
-        ({insertMode, requester}) => {
-      this.open({ value: 'note' });
-      this.setInsertMode({ value: insertMode, requester: requester });
-    });
-
-    this.notebook = this.NotebookService.getNotebookByWorkgroup(this.workgroupId);
-    this.publicNotebookItems = this.NotebookService.publicNotebookItems;
-
-    // assume only 1 report for now
-    this.reportId = this.config.itemTypes.report.notes[0].reportId;
-  }
-
-  ngOnDestroy(): void {
-    this.unsubscribeAll();
-  }
-
-  unsubscribeAll(): void {
-    this.addNoteSubscription.unsubscribe();
-    this.closeNotebookSubscription.unsubscribe();
-    this.editNoteSubscription.unsubscribe();
-    this.notebookUpdatedSubscription.unsubscribe();
-    this.openNotebookSubscription.unsubscribe();
-  }
-
-  isStudentNotebook(): boolean {
-    return (
-      this.ConfigService.getMode() === 'studentRun' ||
-      this.ConfigService.getMode() === 'preview' ||
-      ((this.ConfigService.isRunOwner() || this.ConfigService.isRunSharedTeacher()) &&
-        this.ConfigService.getWorkgroupId() !== this.workgroupId)
-    );
-  }
-
-  deleteStudentAsset(studentAsset: any): void {
-    alert($localize`deleteStudentAssetFromNotebookNotImplementedYet`);
-  }
-
-  showEditNoteDialog(
-    note: any,
-    isEditMode: boolean,
-    file: any,
-    text: string,
-    isEditTextEnabled: boolean,
-    isFileUploadEnabled: boolean,
-    studentWorkIds: number[]
-  ): void {
-    this.upgrade.$injector.get('$mdDialog').show({
-      templateUrl: `${this.ProjectService.getThemePath()}/notebook/editNotebookItem.html`,
-      controller: 'EditNotebookItemController',
-      controllerAs: 'editNotebookItemController',
-      bindToController: true,
-      locals: {
-        note: note,
-        isEditMode: isEditMode,
-        file: file,
-        text: text,
-        studentWorkIds: studentWorkIds,
-        isEditTextEnabled: isEditTextEnabled,
-        isFileUploadEnabled: isFileUploadEnabled
-      }
-    });
-  }
-
-  notebookItemSelected($event: any, notebookItem: any): void {
-    this.selectedNotebookItem = notebookItem;
-  }
-
-  open({ value }: any): void {
-    if (value === 'report') {
-      this.reportVisible = !this.reportVisible;
-    } else if (value === 'note') {
-      if (this.notesVisible) {
-        this.closeNotes();
-      } else {
-        this.NotebookService.retrievePublicNotebookItems('public').then(() => {
-          this.notesVisible = true;
-        });
-      }
-    } else if (value === 'new') {
-      this.NotebookService.addNote();
-    }
-  }
-
-  closeNotes(): void {
-    this.notesVisible = false;
-    this.insertMode = false;
-  }
-
-  setInsertMode({ value, requester }: any): void {
-    this.insertMode = value;
-    if (value) {
-      this.NotebookService.retrievePublicNotebookItems('public').then(() => {
-        this.notesVisible = true;
-      });
-    }
-    this.requester = requester;
-  }
-
-  insert({ event , note }: any): void {
-    if (this.requester === 'report') {
-      this.insertContent = this.UtilService.makeCopyOfJSONObject(note);
-      this.NotebookService.broadcastNotebookItemChosen({
-        requester: this.requester,
-        notebookItem: note
-      });
-    } else {
-      this.NotebookService.broadcastNotebookItemChosen({
-        requester: this.requester,
-        notebookItem: note
-      });
-    }
-  }
-}
diff --git a/src/main/webapp/site/src/messages.xlf b/src/main/webapp/site/src/messages.xlf
index f8fe0f1990..8cb07165b3 100644
--- a/src/main/webapp/site/src/messages.xlf
+++ b/src/main/webapp/site/src/messages.xlf
@@ -5432,63 +5432,63 @@
         <source>Select item to insert</source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-notes/notebook-notes.component.html</context>
-          <context context-type="linenumber">35</context>
+          <context context-type="linenumber">38</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="499193338ae9eb585e15fe0aecbf6f5ee1a12fc0">
         <source>Add <x equiv-text="{{config.itemTypes.note.label.singular}}" id="INTERPOLATION"/></source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-notes/notebook-notes.component.html</context>
-          <context context-type="linenumber">57</context>
+          <context context-type="linenumber">60</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="4af03f43ed2c1d162531316a776d96f6d10621d0">
         <source> Team hasn't created any <x equiv-text="{{label.plural}}" id="INTERPOLATION"/> yet. </source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-notes/notebook-notes.component.html</context>
-          <context context-type="linenumber">82</context>
+          <context context-type="linenumber">86</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="3de550daa9bf35829dbeb9099844614347d2dbc5">
         <source>Toggle Full Screen</source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-report/notebook-report.component.html</context>
-          <context context-type="linenumber">18</context>
+          <context context-type="linenumber">17</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="e8bcb762b48cf52fbea66ce9c4f6b970b99a80fd">
         <source>Collapse</source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-report/notebook-report.component.html</context>
-          <context context-type="linenumber">25</context>
+          <context context-type="linenumber">24</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="d5cec7468241d72cafd86ad1af6d55b09a6e3ae5">
         <source>Restore</source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-report/notebook-report.component.html</context>
-          <context context-type="linenumber">30</context>
+          <context context-type="linenumber">29</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="52c9a103b812f258bcddc3d90a6e3f46871d25fe">
         <source>Save</source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-report/notebook-report.component.html</context>
-          <context context-type="linenumber">54</context>
+          <context context-type="linenumber">53</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="044703276ff14d0a94f05154d5bc032872465a0d">
         <source>Saved <x equiv-text="{{ saveTime | amTimeAgo }}" id="INTERPOLATION"/></source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-report/notebook-report.component.html</context>
-          <context context-type="linenumber">58</context>
+          <context context-type="linenumber">57</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="70cfd60f574a2e5b823237ac05381d8d488e4c7c">
         <source> Team hasn't worked on <x equiv-text="{{ config.itemTypes.report.notes[0].title }}" id="INTERPOLATION"/> yet. </source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-report/notebook-report.component.html</context>
-          <context context-type="linenumber">74</context>
+          <context context-type="linenumber">73</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="85fd3b01ce1968fbd2304a0c598d4a5676e5da03">
diff --git a/src/main/webapp/wise5/classroomMonitor/classroomMonitor.html b/src/main/webapp/wise5/classroomMonitor/classroomMonitor.html
index a9c10a401b..7d87890639 100644
--- a/src/main/webapp/wise5/classroomMonitor/classroomMonitor.html
+++ b/src/main/webapp/wise5/classroomMonitor/classroomMonitor.html
@@ -1,32 +1,33 @@
 <link rel="stylesheet" href="/wise5/themes/default/style/angular-material.css">
 <link rel="stylesheet" href="/wise5/themes/default/style/monitor.css">
 <div class="app-styles" disable-delete-keypress
-     ng-mousemove='classroomMonitorController.mouseMoved()'
-     role="main" layout="column" layout-fill style="position: absolute;" md-theme="cm">
-    <cm-top-bar logo-path="{{ ::classroomMonitorController.logoPath }}"
-             notifications="classroomMonitorController.notifications"
-             project-id="classroomMonitorController.projectId"
-             project-title="classroomMonitorController.projectTitle"
-             run-id="classroomMonitorController.runId"
-             run-code="classroomMonitorController.runCode"></cm-top-bar>
-    <cm-toolbar ng-if="classroomMonitorController.showToolbar"
-             number-project="classroomMonitorController.numberProject"
-             show-period-select="classroomMonitorController.showPeriodSelect"
-             show-step-tools="classroomMonitorController.showGradeByStepTools"
-             show-team-tools="classroomMonitorController.showGradeByTeamTools"
-             view-name="classroomMonitorController.currentViewName"
-             workgroup-id="classroomMonitorController.workgroupId"
-             on-menu-toggle="classroomMonitorController.toggleMenu()"></cm-toolbar>
-    <md-sidenav md-component-id="monitorSidenav"
-                md-is-open="classroomMonitorController.menuOpen"
-                md-whiteframe="4">
-        <cm-main-menu state="classroomMonitorController.$state" views="classroomMonitorController.views"></cm-main-menu>
-    </md-sidenav>
-    <md-content id="content" flex role="main" layout="column" class="l-main l-main--with-toolbar" flex role="main">
-        <div ui-view autoscroll="true"></div>
-    </md-content>
-    <side-menu ng-if="classroomMonitorController.showToolbar"
-        state="classroomMonitorController.$state"
-        views="classroomMonitorController.views"></side-menu>
-    <notebook></notebook>
+    ng-mousemove='classroomMonitorController.mouseMoved()'
+    role="main" layout="column" layout-fill style="position: absolute;" md-theme="cm">
+  <cm-top-bar logo-path="{{ ::classroomMonitorController.logoPath }}"
+      notifications="classroomMonitorController.notifications"
+      project-id="classroomMonitorController.projectId"
+      project-title="classroomMonitorController.projectTitle"
+      run-id="classroomMonitorController.runId"
+      run-code="classroomMonitorController.runCode"></cm-top-bar>
+  <cm-toolbar ng-if="classroomMonitorController.showToolbar"
+      number-project="classroomMonitorController.numberProject"
+      show-period-select="classroomMonitorController.showPeriodSelect"
+      show-step-tools="classroomMonitorController.showGradeByStepTools"
+      show-team-tools="classroomMonitorController.showGradeByTeamTools"
+      view-name="classroomMonitorController.currentViewName"
+      workgroup-id="classroomMonitorController.workgroupId"
+      on-menu-toggle="classroomMonitorController.toggleMenu()"></cm-toolbar>
+  <md-sidenav md-component-id="monitorSidenav"
+      md-is-open="classroomMonitorController.menuOpen"
+      md-whiteframe="4">
+    <cm-main-menu state="classroomMonitorController.$state"
+        views="classroomMonitorController.views"></cm-main-menu>
+  </md-sidenav>
+  <md-content id="content" flex role="main" layout="column" class="l-main l-main--with-toolbar">
+    <div ui-view autoscroll="true"></div>
+  </md-content>
+  <side-menu ng-if="classroomMonitorController.showToolbar"
+      state="classroomMonitorController.$state"
+      views="classroomMonitorController.views"></side-menu>
+  <notebook-report></notebook-report>
 </div>
diff --git a/src/main/webapp/wise5/common-angular-js-module.ts b/src/main/webapp/wise5/common-angular-js-module.ts
index b181419ad3..d5617d4833 100644
--- a/src/main/webapp/wise5/common-angular-js-module.ts
+++ b/src/main/webapp/wise5/common-angular-js-module.ts
@@ -70,7 +70,6 @@ import './themes/default/theme';
 import SideMenu from './common/sideMenuComponent';
 import { EditorComponent } from '@tinymce/tinymce-angular';
 import { WiseTinymceEditorComponent } from './directives/wise-tinymce-editor/wise-tinymce-editor.component';
-import { NotebookComponent } from '../site/src/app/notebook/notebook/notebook.component';
 import { NotebookItemComponent } from '../site/src/app/notebook/notebook-item/notebook-item.component';
 import { NotebookNotesComponent } from '../site/src/app/notebook/notebook-notes/notebook-notes.component';
 import { NotebookReportComponent } from '../site/src/app/notebook/notebook-report/notebook-report.component';
@@ -117,10 +116,6 @@ angular
     'wiseTinymceEditor',
     downgradeComponent({ component: WiseTinymceEditorComponent }) as angular.IDirectiveFactory
   )
-  .directive(
-    'notebook',
-    downgradeComponent({ component: NotebookComponent }) as angular.IDirectiveFactory
-  )
   .directive(
     'notebookItem',
     downgradeComponent({ component: NotebookItemComponent }) as angular.IDirectiveFactory
diff --git a/src/main/webapp/wise5/teacher/teacher-angular-js-module.ts b/src/main/webapp/wise5/teacher/teacher-angular-js-module.ts
index 86b0873381..2eb46c0d1f 100644
--- a/src/main/webapp/wise5/teacher/teacher-angular-js-module.ts
+++ b/src/main/webapp/wise5/teacher/teacher-angular-js-module.ts
@@ -91,8 +91,7 @@ angular
     'openResponseAuthoringComponentModule',
     'outsideURLAuthoringComponentModule',
     'structureAuthoringModule',
-    'tableAuthoringComponentModule',
-    'theme.notebook'
+    'tableAuthoringComponentModule'
   ])
   .service('MilestoneService', downgradeInjectable(MilestoneService))
   .factory('ProjectService', downgradeInjectable(TeacherProjectService))

From 30c5aa4d811b9dcc8c6c542bd65a5ba3f0d2b3fb Mon Sep 17 00:00:00 2001
From: breity <breity10@gmail.com>
Date: Mon, 1 Mar 2021 11:13:14 -0800
Subject: [PATCH 26/36] Moved edit/add note functions to NotebookService;
 removed unused code and improved formatting. #2827

---
 .../notebook-launcher.component.html          |   3 +-
 .../notebook-notes.component.html             |  16 ++-
 .../notebook-notes.component.spec.ts          |   1 +
 .../notebook-notes.component.ts               |  42 +++++--
 .../notebook-parent.component.ts              |  14 +--
 .../notebook-report.component.html            |   3 +-
 .../notebook-report.component.ts              |   5 +-
 .../notebookWorkgroupGrading.html             |  30 +++--
 .../wise5/components/componentController.ts   |   6 +-
 .../webapp/wise5/services/notebookService.ts  | 106 +++++++++++-------
 .../notebook/editNotebookItemController.js    |   4 +-
 .../wise5/themes/default/style/author.css     |   2 +-
 .../wise5/themes/default/style/author.css.map |   2 +-
 .../default/style/modules/_notebook.scss      |   2 +
 .../wise5/themes/default/style/monitor.css    |   2 +-
 .../themes/default/style/monitor.css.map      |   2 +-
 .../webapp/wise5/themes/default/style/vle.css |   2 +-
 .../wise5/themes/default/style/vle.css.map    |   2 +-
 18 files changed, 145 insertions(+), 99 deletions(-)

diff --git a/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.html b/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.html
index 5335a38cea..2c6efc076d 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.html
+++ b/src/main/webapp/site/src/app/notebook/notebook-launcher/notebook-launcher.component.html
@@ -1,5 +1,6 @@
 <button *ngIf="notebookConfig.itemTypes.note.enabled"
-    mat-fab color="accent"
+    mat-fab
+    color="accent"
     [attr.aria-label]="label"
     [matTooltip]="label"
     matTooltipPosition="above"
diff --git a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.html b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.html
index a0c1386c59..8ce1b88d81 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.html
+++ b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.html
@@ -5,8 +5,9 @@
         [config]="config"
         [group]="group.name"
         [itemId]="note.localNotebookItemId"
-        [isChooseMode]="insertMode"
+        [isChooseMode]="insertArgs.insertMode"
         [note]="note"
+        (onSelect)="select($event)"
         fxFlex="100"
         fxFlex.gt-xs="50">
     </notebook-item>
@@ -20,7 +21,9 @@
 </ng-template>
 
 <ng-template #multipleGroups>
-  <mat-tab-group mat-selected="selectedTabIndex" animationDuration="0ms">
+  <mat-tab-group [selectedIndex]="selectedTabIndex"
+      (selectedIndexChange)="selectedTabIndex = $event"
+      animationDuration="0ms">
     <mat-tab *ngFor="let group of groups" [disabled]="group.disabled" [label]="group.title">
       <div class="center">
         <ng-container *ngTemplateOutlet="notebookItems; context: {group: group}"></ng-container>
@@ -29,11 +32,11 @@
   </mat-tab-group>
 </ng-template>
 
-<div class="notebook-notes" [class.insert-mode]="insertMode">
+<div class="notebook-notes" [class.insert-mode]="insertArgs.insertMode">
   <ng-container *ngIf="mode !== 'classroomMonitor'">
     <mat-toolbar role="heading">
-      <h4 *ngIf="insertMode" class="info" i18n>Select item to insert</h4>
-      <h4 *ngIf="!insertMode">{{label.link}}</h4>
+      <h4 *ngIf="insertArgs.insertMode" class="info" i18n>Select item to insert</h4>
+      <h4 *ngIf="!insertArgs.insertMode">{{label.link}}</h4>
       <span fxFlex></span>
       <button (click)="close()"
           mat-icon-button
@@ -69,8 +72,9 @@ <h4 *ngIf="groups.length > 1" class="group-header mat-body-2 secondary-text">{{g
               [config]="config"
               [group]="group.name"
               [itemId]="note.localNotebookItemId"
-              [isChooseMode]="insertMode"
+              [isChooseMode]="insertArgs.insertMode"
               [note]="note"
+              (onSelect)="select($event)"
               fxFlex="100"
               fxFlex.gt-xs="50"
               fxFlex.gt-sm="33"
diff --git a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.spec.ts b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.spec.ts
index 57f52afb27..c049016417 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.spec.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.spec.ts
@@ -40,6 +40,7 @@ describe('NotebookNotesComponent', () => {
     component = fixture.componentInstance;
     component.notebookUpdatedSubscription = new Subscription();
     component.openNotebookSubscription = new Subscription();
+    component.insertModeSubscription = new Subscription();
     component.publicNotebookItemsRetrievedSubscription = new Subscription();
   });
 
diff --git a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts
index 2b2726a108..ca7e5f2464 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts
@@ -17,11 +17,15 @@ export class NotebookNotesComponent extends NotebookParentComponent {
   viewOnly: boolean;
 
   groups = [];
-  hasNotes: boolean;
   groupNameToGroup = {};
+  hasNotes: boolean;
+  insertArgs: any = {
+    insertMode: false
+  };
   label: any;
   selectedTabIndex = 0;
   title: string;
+  insertModeSubscription: Subscription;
   notebookUpdatedSubscription: Subscription;
   openNotebookSubscription: Subscription;
   publicNotebookItemsRetrievedSubscription: Subscription;
@@ -35,7 +39,8 @@ export class NotebookNotesComponent extends NotebookParentComponent {
     super(ConfigService, NotebookService, UtilService);
   }
 
-  initComplete(): void {
+  ngOnInit(): void {
+    super.ngOnInit();
     this.label = this.config.itemTypes.note.label;
     this.addPersonalGroupToGroups();
     this.addSpacesToGroups();
@@ -43,8 +48,9 @@ export class NotebookNotesComponent extends NotebookParentComponent {
 
     this.notebookUpdatedSubscription = this.NotebookService.notebookUpdated$.subscribe(
       ({ notebookItem }) => {
-        if ((notebookItem.groups == null || notebookItem.groups.length === 0) &&
-            notebookItem.type === 'note'
+        if (
+          (notebookItem.groups == null || notebookItem.groups.length === 0) &&
+          notebookItem.type === 'note'
         ) {
           this.updatePrivateNotebookNote(notebookItem);
         }
@@ -55,18 +61,19 @@ export class NotebookNotesComponent extends NotebookParentComponent {
       }
     );
 
-    this.openNotebookSubscription = this.NotebookService.openNotebook$.subscribe(
-      ({ visibleSpace }) => {
-        this.selectedTabIndex = visibleSpace === 'public' ? 1 : 0;
+    this.insertModeSubscription = this.NotebookService.insertMode$.subscribe((args) => {
+      this.insertArgs = args;
+      if (args.visibleSpace) {
+        this.selectedTabIndex = args.visibleSpace === 'public' ? 1 : 0;
       }
-    );
+    });
 
-    this.publicNotebookItemsRetrievedSubscription = 
-      this.NotebookService.publicNotebookItemsRetrieved$.subscribe(() => {
+    this.publicNotebookItemsRetrievedSubscription = this.NotebookService.publicNotebookItemsRetrieved$.subscribe(
+      () => {
         for (const group of this.groups) {
           if (group.name !== 'private') {
             group.items = this.NotebookService.publicNotebookItems[group.name];
-          } 
+          }
         }
       }
     );
@@ -79,6 +86,7 @@ export class NotebookNotesComponent extends NotebookParentComponent {
   unsubscribeAll(): void {
     this.notebookUpdatedSubscription.unsubscribe();
     this.openNotebookSubscription.unsubscribe();
+    this.insertModeSubscription.unsubscribe();
     this.publicNotebookItemsRetrievedSubscription.unsubscribe();
   }
 
@@ -182,8 +190,18 @@ export class NotebookNotesComponent extends NotebookParentComponent {
     this.NotebookService.addNote();
   }
 
+  select({ event, note }: any): void {
+    if (this.insertArgs.insertMode) {
+      this.insertArgs.notebookItem = note;
+      this.NotebookService.broadcastNotebookItemChosen(this.insertArgs);
+    } else {
+      const isEditMode = !this.viewOnly;
+      this.NotebookService.editNote(note, isEditMode);
+    }
+  }
+
   close(): void {
     this.NotebookService.setNotesVisible(false);
-    this.NotebookService.setInsertMode(false);
+    this.NotebookService.setInsertMode({ insertMode: false });
   }
 }
diff --git a/src/main/webapp/site/src/app/notebook/notebook-parent/notebook-parent.component.ts b/src/main/webapp/site/src/app/notebook/notebook-parent/notebook-parent.component.ts
index 9926ffc66a..4c0b88fd75 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-parent/notebook-parent.component.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-parent/notebook-parent.component.ts
@@ -19,13 +19,11 @@ export class NotebookParentComponent {
   mode: string;
 
   notebook: any;
-  insertMode: boolean;
-  insertModeSubscription: Subscription;
 
   constructor(
     public ConfigService: ConfigService,
     public NotebookService: NotebookService,
-    private UtilService: UtilService
+    public UtilService: UtilService
   ) {}
 
   ngOnInit(): void {
@@ -38,14 +36,6 @@ export class NotebookParentComponent {
     }
 
     this.notebook = this.NotebookService.getNotebookByWorkgroup(this.workgroupId);
-    this.initComplete();
-    this.insertModeSubscription = this.NotebookService.insertMode$.subscribe((value) => {
-      this.insertMode = value;
-    });
-  }
-
-  ngOnDestroy(): void {
-    this.insertModeSubscription.unsubscribe();
   }
 
   setConfig(): void {
@@ -68,6 +58,4 @@ export class NotebookParentComponent {
         this.ConfigService.getWorkgroupId() !== this.workgroupId)
     );
   }
-
-  initComplete(): void {}
 }
diff --git a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.html b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.html
index a117f703eb..ebae660b6c 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.html
+++ b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.html
@@ -1,5 +1,4 @@
-<mat-card *ngIf="mode !== 'classroomMonitor'" 
-    [ngClass]="{}"
+<mat-card *ngIf="mode !== 'classroomMonitor'"
     class="notebook-report mat-elevation-3dp"
     fxLayout="column"
     [ngClass]="{'collapsed': collapsed, 'full': full && !collapsed}">
diff --git a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.ts b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.ts
index 37f225bb3f..9b4cc507f6 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.ts
@@ -41,7 +41,8 @@ export class NotebookReportComponent extends NotebookParentComponent {
     super(ConfigService, NotebookService, UtilService);
   }
 
-  initComplete(): void {
+  ngOnInit(): void {
+    super.ngOnInit();
     this.reportId = this.config.itemTypes.report.notes[0].reportId;
     this.setReportItem();
     if (this.reportItem == null) {
@@ -143,7 +144,7 @@ export class NotebookReportComponent extends NotebookParentComponent {
   }
 
   addNotebookItemContent($event: any): void {
-    this.NotebookService.setInsertMode(true);
+    this.NotebookService.setInsertMode({insertMode: true, requester: 'report'});
     this.NotebookService.setNotesVisible(true);
   }
 
diff --git a/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/notebook/notebookWorkgroupGrading/notebookWorkgroupGrading.html b/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/notebook/notebookWorkgroupGrading/notebookWorkgroupGrading.html
index ad8dac9115..98468a1bbe 100644
--- a/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/notebook/notebookWorkgroupGrading/notebookWorkgroupGrading.html
+++ b/src/main/webapp/wise5/classroomMonitor/classroomMonitorComponents/notebook/notebookWorkgroupGrading/notebookWorkgroupGrading.html
@@ -1,9 +1,10 @@
 <div class="md-whiteframe-1dp">
   <md-subheader class="list-item md-whiteframe-1dp">
     <button class="md-button md-ink-ripple list-item__subheader-button"
-            aria-label="{{ ::toggleTeamNotebookDisplay | translate }}"
-            ng-class="{'list-item--expanded': $ctrl.showWork}" ng-click="$ctrl.toggleExpand()"
-            layout-wrap>
+        aria-label="{{ ::toggleTeamNotebookDisplay | translate }}"
+        ng-class="{'list-item--expanded': $ctrl.showWork}"
+        ng-click="$ctrl.toggleExpand()"
+        layout-wrap>
       <div layout="row" flex>
         <div layout="row" layout-align="center center" flex="10">
           {{ ::$ctrl.workgroup.workgroupId }}
@@ -11,8 +12,11 @@
         <div layout="row" layout-align="start center" flex>
           {{ ::$ctrl.workgroup.displayNames }}
         </div>
-        <div ng-if="$ctrl.notesEnabled" class="md-title" layout="row" layout-align="center center"
-             flex="10">
+        <div ng-if="$ctrl.notesEnabled"
+            class="md-title"
+            layout="row"
+            layout-align="center center"
+            flex="10">
           <span ng-class="{ 'text-secondary': $ctrl.getNumActiveNotes() === 0 }">
             {{ ::$ctrl.getNumActiveNotes() }}
           </span>
@@ -33,17 +37,21 @@
     <md-tabs class="md-body-2 gray-lightest-bg" md-dynamic-height md-border-bottom flex>
       <md-tab ng-if="$ctrl.notesEnabled" label="{{ ::'notes' | translate }}">
         <md-content>
-          <notebook-notes class="notebook-grading" [mode]="'classroomMonitor'" [notebook]="$ctrl.notebook"
-                          [config]="$ctrl.notebookConfig" [notes-visible]="false" [view-only]="true"
-                          [workgroup-id]="$ctrl.workgroup.workgroupId" [filter]="note">
+          <notebook-notes class="notebook-grading"
+              [mode]="'classroomMonitor'"
+              [config]="$ctrl.notebookConfig"
+              [view-only]="true"
+              [workgroup-id]="$ctrl.workgroup.workgroupId">
           </notebook-notes>
         </md-content>
       </md-tab>
       <md-tab ng-if="$ctrl.reportEnabled" label="{{ ::$ctrl.reportTitle }}">
         <md-content>
-          <notebook-report class="notebook-grading md-padding" [mode]="'classroomMonitor'"
-                           [config]="$ctrl.notebookConfig" [workgroup-id]="$ctrl.workgroup.workgroupId"
-                           [filter]="report"></notebook-report>
+          <notebook-report class="notebook-grading md-padding"
+              [mode]="'classroomMonitor'"
+              [config]="$ctrl.notebookConfig"
+              [workgroup-id]="$ctrl.workgroup.workgroupId">
+          </notebook-report>
         </md-content>
       </md-tab>
     </md-tabs>
diff --git a/src/main/webapp/wise5/components/componentController.ts b/src/main/webapp/wise5/components/componentController.ts
index df26de6fc6..985d1d8549 100644
--- a/src/main/webapp/wise5/components/componentController.ts
+++ b/src/main/webapp/wise5/components/componentController.ts
@@ -660,13 +660,14 @@ class ComponentController {
   }
 
   copyPublicNotebookItemButtonClicked() {
-    this.NotebookService.broadcastOpenNotebook({
+    this.NotebookService.setInsertMode({
       nodeId: this.nodeId,
       componentId: this.componentId,
       insertMode: true,
       requester: this.nodeId + '-' + this.componentId,
       visibleSpace: 'public'
     });
+    this.NotebookService.setNotesVisible(true);
   }
 
   importWorkByStudentWorkId(studentWorkId) {
@@ -674,7 +675,8 @@ class ComponentController {
       if (componentState != null) {
         this.setStudentWork(componentState);
         this.setParentStudentWorkIdToCurrentStudentWork(studentWorkId);
-        this.NotebookService.broadcastCloseNotebook();
+        this.NotebookService.setNotesVisible(false);
+        this.NotebookService.setInsertMode({insertMode: false});
       }
     });
   }
diff --git a/src/main/webapp/wise5/services/notebookService.ts b/src/main/webapp/wise5/services/notebookService.ts
index ec44a74fb7..cb9789d9e3 100644
--- a/src/main/webapp/wise5/services/notebookService.ts
+++ b/src/main/webapp/wise5/services/notebookService.ts
@@ -54,27 +54,19 @@ export class NotebookService {
   publicNotebookItems = {};
   notebooksByWorkgroup = {};
   notebookItemAnnotationReceivedSubscription: any;
-  private addNoteSource: Subject<any> = new Subject<any>();
-  public addNote$ = this.addNoteSource.asObservable();
-  private closeNotebookSource: Subject<any> = new Subject<any>();
-  public closeNotebook$ = this.closeNotebookSource.asObservable();
-  private editNoteSource: Subject<any> = new Subject<any>();
-  public editNote$ = this.editNoteSource.asObservable();
   private notebookItemAnnotationReceivedSource: Subject<boolean> = new Subject<boolean>();
   public notebookItemAnnotationReceived$ = this.notebookItemAnnotationReceivedSource.asObservable();
   private notebookItemChosenSource: Subject<any> = new Subject<any>();
   public notebookItemChosen$ = this.notebookItemChosenSource.asObservable();
   private notebookUpdatedSource: Subject<any> = new Subject<any>();
   public notebookUpdated$ = this.notebookUpdatedSource.asObservable();
-  private openNotebookSource: Subject<any> = new Subject<any>();
-  public openNotebook$ = this.openNotebookSource.asObservable();
   private publicNotebookItemsRetrievedSource: Subject<any> = new Subject<any>();
   public publicNotebookItemsRetrieved$ = this.publicNotebookItemsRetrievedSource.asObservable();
   private showReportAnnotationsSource: Subject<any> = new Subject<any>();
   public showReportAnnotations$ = this.showReportAnnotationsSource.asObservable();
   private notesVisibleSource: Subject<boolean> = new Subject<boolean>();
   public notesVisible$ = this.notesVisibleSource.asObservable();
-  private insertModeSource: Subject<boolean> = new Subject<boolean>();
+  private insertModeSource: Subject<any> = new Subject<any>();
   public insertMode$ = this.insertModeSource.asObservable();
   private reportFullScreenSource: Subject<boolean> = new Subject<boolean>();
   public reportFullScreen$ = this.reportFullScreenSource.asObservable();
@@ -111,23 +103,69 @@ export class NotebookService {
     return Object.assign(this.config, this.ProjectService.project.teacherNotebook);
   }
 
-  editItem(ev, itemId) {
-    this.broadcastEditNote({ itemId: itemId, ev: ev });
+  addNote(
+    file: any = null,
+    text: string = null,
+    studentWorkIds: number[] = null,
+    isEditTextEnabled: boolean= true,
+    isFileUploadEnabled: boolean = true
+  ) {
+    const note = null;
+    const isEditMode = true;
+    this.showEditNoteDialog(
+      note,
+      isEditMode,
+      file,
+      text,
+      isEditTextEnabled,
+      isFileUploadEnabled,
+      studentWorkIds
+    );
   }
 
-  addNote(
-    file = null,
-    text = null,
-    studentWorkIds = null,
-    isEditTextEnabled = true,
-    isFileUploadEnabled = true
+  editNote(
+    note: any,
+    isEditMode: boolean = true
   ) {
-    this.broadcastAddNote({
-      file: file,
-      text: text,
-      studentWorkIds: studentWorkIds,
-      isEditTextEnabled: isEditTextEnabled,
-      isFileUploadEnabled: isFileUploadEnabled
+    const file = null;
+    const noteText = null;
+    const isEditTextEnabled = true;
+    const isFileUploadEnabled = true;
+    const studentWorkIds = null;
+    this.showEditNoteDialog(
+      note,
+      isEditMode,
+      file,
+      noteText,
+      isEditTextEnabled,
+      isFileUploadEnabled,
+      studentWorkIds
+    );
+  }
+
+  showEditNoteDialog(
+    note: any,
+    isEditMode: boolean,
+    file: any,
+    text: string,
+    isEditTextEnabled: boolean,
+    isFileUploadEnabled: boolean,
+    studentWorkIds: number[]
+  ): void {
+    this.upgrade.$injector.get('$mdDialog').show({
+      templateUrl: `${this.ProjectService.getThemePath()}/notebook/editNotebookItem.html`,
+      controller: 'EditNotebookItemController',
+      controllerAs: 'editNotebookItemController',
+      bindToController: true,
+      locals: {
+        note: note,
+        isEditMode: isEditMode,
+        file: file,
+        text: text,
+        studentWorkIds: studentWorkIds,
+        isEditTextEnabled: isEditTextEnabled,
+        isFileUploadEnabled: isFileUploadEnabled
+      }
     });
   }
 
@@ -600,18 +638,6 @@ export class NotebookService {
     );
   }
 
-  broadcastAddNote(args: any) {
-    this.addNoteSource.next(args);
-  }
-
-  broadcastCloseNotebook() {
-    this.closeNotebookSource.next();
-  }
-
-  broadcastEditNote(args: any) {
-    this.editNoteSource.next(args);
-  }
-
   broadcastNotebookItemChosen(args: any) {
     this.notebookItemChosenSource.next(args);
   }
@@ -620,10 +646,6 @@ export class NotebookService {
     this.notebookUpdatedSource.next(args);
   }
 
-  broadcastOpenNotebook(args: any) {
-    this.openNotebookSource.next(args);
-  }
-
   broadcastPublicNotebookItemsRetrieved(args: any) {
     this.publicNotebookItemsRetrievedSource.next(args);
   }
@@ -636,11 +658,11 @@ export class NotebookService {
     this.notesVisibleSource.next(value);
   }
 
-  setInsertMode(value: boolean): void {
-    this.insertModeSource.next(value);
+  setInsertMode(args: any): void {
+    this.insertModeSource.next(args);
   }
 
   setReportFullScreen(value: boolean): void {
     this.reportFullScreenSource.next(value);
   }
-}
+}
\ No newline at end of file
diff --git a/src/main/webapp/wise5/themes/default/notebook/editNotebookItemController.js b/src/main/webapp/wise5/themes/default/notebook/editNotebookItemController.js
index 35f207e1bb..d2c7d0468c 100644
--- a/src/main/webapp/wise5/themes/default/notebook/editNotebookItemController.js
+++ b/src/main/webapp/wise5/themes/default/notebook/editNotebookItemController.js
@@ -267,8 +267,8 @@ class EditNotebookItemController {
   }
 
   canCopyPublicNotebookItem() {
-    return this.ProjectService.isSpaceExists('public') &&
-      !this.isMyNotebookItem();
+    return !this.ConfigService.isClassroomMonitor() && 
+        this.ProjectService.isSpaceExists('public') && !this.isMyNotebookItem();
   }
 
   isMyNotebookItem() {
diff --git a/src/main/webapp/wise5/themes/default/style/author.css b/src/main/webapp/wise5/themes/default/style/author.css
index 2ed77d05b6..da5d400df7 100644
--- a/src/main/webapp/wise5/themes/default/style/author.css
+++ b/src/main/webapp/wise5/themes/default/style/author.css
@@ -1,2 +1,2 @@
-body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#7e57c2}blockquote{background-color:#fff;padding:8px;margin:16px 0;border:solid #7e57c2;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#7e57c2;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#7e57c2!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#fff}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#7e57c2;background-color:#fff}.primary{color:#7e57c2}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#fff}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#7e57c2}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#fff}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#7e57c2}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#fff}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav{background-color:#eee!important}.l-node{margin-top:42px;padding:0}@media only screen and (min-width:600px){.l-node{padding:0 0 16px;background-color:#eee!important}}@media only screen and (min-width:960px){.l-node{padding:0 0 32px}}.l-notebook{margin-top:42px;background-color:#eee!important}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#7e57c2}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#7e57c2}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#fff}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#7e57c2}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #7e57c2;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}notebook-launcher{position:absolute;bottom:24px;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}notebook-report{position:absolute;bottom:0;right:96px;transition:right .25s;z-index:3}@media only screen and (max-width:959px){notebook-report{left:8px;right:8px;top:8px;bottom:8px}}@media only screen and (min-width:960px){notebook-report.report-full{left:8px;right:8px;top:8px;bottom:8px}notebook-report.notes-visible{right:512px}}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#7e57c2}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#7e57c2}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
+body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#7e57c2}blockquote{background-color:#fff;padding:8px;margin:16px 0;border:solid #7e57c2;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#7e57c2;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#7e57c2!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#fff}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#7e57c2;background-color:#fff}.primary{color:#7e57c2}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#fff}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#7e57c2}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#fff}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#7e57c2}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#fff}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav{background-color:#eee!important}.l-node{margin-top:42px;padding:0}@media only screen and (min-width:600px){.l-node{padding:0 0 16px;background-color:#eee!important}}@media only screen and (min-width:960px){.l-node{padding:0 0 32px}}.l-notebook{margin-top:42px;background-color:#eee!important}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#7e57c2}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#7e57c2}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#fff}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#7e57c2}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #7e57c2;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}notebook-launcher{position:absolute;bottom:24px;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}notebook-report{position:absolute;bottom:0;right:96px;transition:right .25s;z-index:3}@media only screen and (max-width:959px){notebook-report{left:8px;right:8px;top:8px;bottom:8px}}@media only screen and (min-width:960px){notebook-report.report-full{left:8px;right:8px;top:8px;bottom:8px}notebook-report.notes-visible{right:512px}}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block;position:relative;right:0}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#7e57c2}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#7e57c2}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
 /*# sourceMappingURL=author.css.map */
diff --git a/src/main/webapp/wise5/themes/default/style/author.css.map b/src/main/webapp/wise5/themes/default/style/author.css.map
index 53ecdefb03..c98dd0f74a 100644
--- a/src/main/webapp/wise5/themes/default/style/author.css.map
+++ b/src/main/webapp/wise5/themes/default/style/author.css.map
@@ -1 +1 @@
-{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config--author.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/author.css","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-node.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,qBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBEQoB,CFPpB,eAAgB,CAChB,cGlC8B,CHmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBExDsB,CF4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,qBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,qBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,UCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,qBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"author.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Authoring Tool Colors\n$_primary-color: #7e57c2; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 56%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: map-merge($color, $body-color);\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #7e57c2; }\n\nblockquote {\n  background-color: white;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #7e57c2;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #7e57c2;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #7e57c2 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: white; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #7e57c2;\n  background-color: white; }\n\n.primary {\n  color: #7e57c2; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: white; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #7e57c2; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: white; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #7e57c2; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: white; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-node {\n  margin-top: 42px;\n  padding: 0; }\n  @media only screen and (min-width: 600px) {\n    .l-node {\n      padding: 0 0 16px;\n      background-color: #eeeeee !important; } }\n  @media only screen and (min-width: 960px) {\n    .l-node {\n      padding: 0 0 32px; } }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #7e57c2; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #7e57c2; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: white;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #7e57c2; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #7e57c2;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px; }\n  @media only screen and (min-width: 600px) {\n    notebook-launcher.md-button.md-fab {\n      z-index: 61; } }\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: 96px;\n  transition: right 250ms;\n  z-index: 3; }\n  @media only screen and (max-width: 959px) {\n    notebook-report {\n      left: 8px;\n      right: 8px;\n      top: 8px;\n      bottom: 8px; } }\n  @media only screen and (min-width: 960px) {\n    notebook-report.report-full {\n      left: 8px;\n      right: 8px;\n      top: 8px;\n      bottom: 8px; }\n    notebook-report.notes-visible {\n      right: 512px; } }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #7e57c2; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #7e57c2; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-node {\n  margin-top: $wise-toolbar-height;\n  padding: 0;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    padding: 0 0 16px;\n    background-color: color('body-bg') !important;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 0 0 32px;\n  }\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 500px;\n$report-position-right: 96px;\n$report-full-gap: 8px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: $report-position-right;\n  transition: right 250ms;\n  z-index: 3;\n\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    left: $report-full-gap;\n    right: $report-full-gap;\n    top: $report-full-gap;\n    bottom: $report-full-gap\n  }\n  \n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    &.report-full {\n      left: $report-full-gap;\n      right: $report-full-gap;\n      top: $report-full-gap;\n      bottom: $report-full-gap\n    }\n\n    &.notes-visible {\n      right: $notebook-sidebar-width + 12;\n    }\n  }\n}\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block;\n}\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: color('gray');\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0;\n}\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255,255,255,0.95);\n  border-top: 1px solid color('gray-lighter');\n\n  &:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n  }\n}\n\n.notebook-item__content--text-only {\n  &:after {\n    content: \"note\";\n    font-family: 'Material Icons';\n    font-weight: normal;\n    font-style: normal;\n    display: inline-block;\n    line-height: 1;\n    text-transform: none;\n    letter-spacing: normal;\n    word-wrap: normal;\n    white-space: nowrap;\n    direction: ltr;\n\n    /* Support for all WebKit browsers. */\n    -webkit-font-smoothing: antialiased;\n    /* Support for Safari and Chrome. */\n    text-rendering: optimizeLegibility;\n\n    /* Support for Firefox. */\n    -moz-osx-font-smoothing: grayscale;\n\n    /* Support for IE. */\n    font-feature-settings: 'liga';\n    //position: absolute;\n    font-size: 80px;\n    color: color('text-disabled');\n  }\n}\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\";\n}\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0;\n\n  md-icon {\n    font-size: 22px;\n  }\n}\n\n.notebook-item__edit {\n  cursor: pointer;\n}\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: color('gray-darkest');\n  border-bottom-left-radius: $card-border-radius;\n  border-bottom-right-radius: $card-border-radius;\n\n  md-icon {\n    color: #ffffff;\n  }\n}\n\n.notebook-item__text-input {\n  margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.notebook-item__attachment {\n  background-color: color('gray-light');\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative;\n}\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto;\n}\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  // TODO: generalize for on item buttons like this (delete attachment, etc)\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0;\n\n  md-icon {\n    margin-left: -2px;\n    font-size: 22px;\n  }\n}\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: lighten(color('accent-1'), 5%);\n\n  a, md-icon {\n    color: lighten(color('accent-1'), 5%);\n  }\n\n  md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto;\n  }\n}\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: color('gray-lighter');\n  margin-bottom: 16px;\n  color: color('text-secondary');\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms;\n\n  md-icon, span {\n    transition: color 250ms;\n  }\n\n  &:hover, &:focus, &.dragover {\n    border-color: color('accent');\n    background-color: lighten(color('accent'), 35%);\n    color: color('accent');\n\n    md-icon, span {\n      color: color('accent');\n    }\n  }\n}\n\n.notebook-sidebar {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: $notebook-sidebar-width - 100;  \n    max-width: none;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    width: $notebook-sidebar-width;\n    max-width: none;\n  }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config--author.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/author.css","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-node.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,qBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBEQoB,CFPpB,eAAgB,CAChB,cGlC8B,CHmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBExDsB,CF4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,qBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,qBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,UCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,qBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"author.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Authoring Tool Colors\n$_primary-color: #7e57c2; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 56%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: map-merge($color, $body-color);\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #7e57c2; }\n\nblockquote {\n  background-color: white;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #7e57c2;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #7e57c2;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #7e57c2 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: white; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #7e57c2;\n  background-color: white; }\n\n.primary {\n  color: #7e57c2; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: white; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #7e57c2; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: white; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #7e57c2; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: white; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-node {\n  margin-top: 42px;\n  padding: 0; }\n  @media only screen and (min-width: 600px) {\n    .l-node {\n      padding: 0 0 16px;\n      background-color: #eeeeee !important; } }\n  @media only screen and (min-width: 960px) {\n    .l-node {\n      padding: 0 0 32px; } }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #7e57c2; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #7e57c2; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: white;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #7e57c2; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #7e57c2;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px; }\n  @media only screen and (min-width: 600px) {\n    notebook-launcher.md-button.md-fab {\n      z-index: 61; } }\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: 96px;\n  transition: right 250ms;\n  z-index: 3; }\n  @media only screen and (max-width: 959px) {\n    notebook-report {\n      left: 8px;\n      right: 8px;\n      top: 8px;\n      bottom: 8px; } }\n  @media only screen and (min-width: 960px) {\n    notebook-report.report-full {\n      left: 8px;\n      right: 8px;\n      top: 8px;\n      bottom: 8px; }\n    notebook-report.notes-visible {\n      right: 512px; } }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n  position: relative;\n  right: 0; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #7e57c2; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #7e57c2; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-node {\n  margin-top: $wise-toolbar-height;\n  padding: 0;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    padding: 0 0 16px;\n    background-color: color('body-bg') !important;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 0 0 32px;\n  }\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 500px;\n$report-position-right: 96px;\n$report-full-gap: 8px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: $report-position-right;\n  transition: right 250ms;\n  z-index: 3;\n\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    left: $report-full-gap;\n    right: $report-full-gap;\n    top: $report-full-gap;\n    bottom: $report-full-gap\n  }\n  \n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    &.report-full {\n      left: $report-full-gap;\n      right: $report-full-gap;\n      top: $report-full-gap;\n      bottom: $report-full-gap\n    }\n\n    &.notes-visible {\n      right: $notebook-sidebar-width + 12;\n    }\n  }\n}\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block;\n}\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: color('gray');\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0;\n}\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255,255,255,0.95);\n  border-top: 1px solid color('gray-lighter');\n\n  &:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n  }\n}\n\n.notebook-item__content--text-only {\n  &:after {\n    content: \"note\";\n    font-family: 'Material Icons';\n    font-weight: normal;\n    font-style: normal;\n    display: inline-block;\n    line-height: 1;\n    text-transform: none;\n    letter-spacing: normal;\n    word-wrap: normal;\n    white-space: nowrap;\n    direction: ltr;\n\n    /* Support for all WebKit browsers. */\n    -webkit-font-smoothing: antialiased;\n    /* Support for Safari and Chrome. */\n    text-rendering: optimizeLegibility;\n\n    /* Support for Firefox. */\n    -moz-osx-font-smoothing: grayscale;\n\n    /* Support for IE. */\n    font-feature-settings: 'liga';\n    //position: absolute;\n    font-size: 80px;\n    color: color('text-disabled');\n  }\n}\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\";\n}\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0;\n\n  md-icon {\n    font-size: 22px;\n  }\n}\n\n.notebook-item__edit {\n  cursor: pointer;\n}\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: color('gray-darkest');\n  border-bottom-left-radius: $card-border-radius;\n  border-bottom-right-radius: $card-border-radius;\n\n  md-icon {\n    color: #ffffff;\n  }\n}\n\n.notebook-item__text-input {\n  margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.notebook-item__attachment {\n  background-color: color('gray-light');\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative;\n}\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto;\n}\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  // TODO: generalize for on item buttons like this (delete attachment, etc)\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0;\n\n  md-icon {\n    margin-left: -2px;\n    font-size: 22px;\n  }\n}\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: lighten(color('accent-1'), 5%);\n\n  a, md-icon {\n    color: lighten(color('accent-1'), 5%);\n  }\n\n  md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto;\n  }\n}\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: color('gray-lighter');\n  margin-bottom: 16px;\n  color: color('text-secondary');\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms;\n\n  md-icon, span {\n    transition: color 250ms;\n  }\n\n  &:hover, &:focus, &.dragover {\n    border-color: color('accent');\n    background-color: lighten(color('accent'), 35%);\n    color: color('accent');\n\n    md-icon, span {\n      color: color('accent');\n    }\n  }\n}\n\n.notebook-sidebar {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: $notebook-sidebar-width - 100;  \n    max-width: none;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    width: $notebook-sidebar-width;\n    max-width: none;\n  }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n  position: relative;\n  right: 0;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
diff --git a/src/main/webapp/wise5/themes/default/style/modules/_notebook.scss b/src/main/webapp/wise5/themes/default/style/modules/_notebook.scss
index 3f039d702e..cf031609dc 100644
--- a/src/main/webapp/wise5/themes/default/style/modules/_notebook.scss
+++ b/src/main/webapp/wise5/themes/default/style/modules/_notebook.scss
@@ -260,4 +260,6 @@ notebook-report {
 .notebook-grading {
   background-color: #ffffff;
   display: block;
+  position: relative;
+  right: 0;
 }
diff --git a/src/main/webapp/wise5/themes/default/style/monitor.css b/src/main/webapp/wise5/themes/default/style/monitor.css
index c317c733d6..03c3bc921f 100644
--- a/src/main/webapp/wise5/themes/default/style/monitor.css
+++ b/src/main/webapp/wise5/themes/default/style/monitor.css
@@ -1,2 +1,2 @@
-body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1565c0}blockquote{background-color:#f5f9fe;padding:8px;margin:16px 0;border:solid #1565c0;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1565c0;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1565c0!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#ecf4fd}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#1565c0;background-color:#ecf4fd}.primary{color:#1565c0}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#ecf4fd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1565c0}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#ecf4fd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1565c0}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#ecf4fd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav,.l-notebook{background-color:#eee!important}.l-notebook{margin-top:42px}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;transition:opacity .25s ease-in-out}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1565c0}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1565c0}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}.milestone{min-width:196px;width:196px;height:242px;background-color:#fff;padding:0}.milestone.md-button{text-transform:none}.milestone__progress{background-color:#eee;border-radius:50%;position:relative;margin-bottom:12px}.milestone__progress__percent{position:absolute;top:8px;bottom:8px;left:8px;right:8px;border-radius:50%;background-color:#fff;color:#1565c0;font-size:28px;font-weight:500}.milestone__title{font-weight:700;font-size:15px;margin-bottom:12px}.milestone-details section:not(:first-child){margin-top:8px}.milestone-details__section{background-color:#fff;padding:16px}.milestone-details__section>p{margin-top:16px;margin-bottom:0}.milestone-details__section .grading,.milestone-details__section md-list{padding:0}.milestone-details__header{padding:12px 16px;margin:-16px -16px 16px;text-transform:uppercase;font-weight:500}.milestone-details__progress{width:48px;margin-right:8px}.milestone--add.md-button{text-transform:uppercase}.milestone--add__icon{height:96px;width:96px;background-color:#eee;border-radius:50%}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#ecf4fd}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.student-select{padding-top:0;padding-bottom:0}.workgroup-progress{margin-bottom:8px}@media (min-width:960px){.workgroup-progress{margin-bottom:0}}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1565c0}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #1565c0;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}.grading__item-container{margin:0 0 16px;padding:0!important}.grading__item{background-color:#fff}.grading__item .component{padding:0}notebook-launcher{position:absolute;bottom:24px;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}notebook-report{position:absolute;bottom:0;right:96px;transition:right .25s;z-index:3}@media only screen and (max-width:959px){notebook-report{left:8px;right:8px;top:8px;bottom:8px}}@media only screen and (min-width:960px){notebook-report.report-full{left:8px;right:8px;top:8px;bottom:8px}notebook-report.notes-visible{right:512px}}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.annotations--grading md-input-container{margin-bottom:0}.annotations--grading .md-errors-spacer{display:none}.annotations--grading input:focus,.annotations--grading textarea:focus{background-color:#fff}.annotations--grading input:disabled,.annotations--grading textarea:disabled{color:rgba(0,0,0,.87)}.annotations--grading--revision{margin:8px 0 0;padding:8px}.annotations--notebook{margin-top:16px}.annotations--grading__info{font-style:italic;margin:8px 8px 4px}.annotations--grading__item{padding:8px}.annotations--grading__score input{margin-top:0!important;font-size:18px;width:52px;text-align:center}.annotations--grading__score__label{transform:none!important;width:auto;display:block;padding:0;margin:0 8px 0 0}.annotations--grading__score__max label{display:none}.annotations--grading__score__divider{position:relative;top:12px;margin-left:4px}.annotations--grading__auto-comment{margin:0 2px}.annotations--grading__auto-comment__content{margin-top:8px}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.component--grading{padding:0;margin:0}.component--grading:not(:last-child)>div{border-bottom:1px solid #ddd}.component--grading .component__wrapper{padding:0;margin:0}.component--grading .component__content{padding:16px;margin:0}.component--grading__response{padding-bottom:16px}@media only screen and (min-width:960px){.component--grading__response{padding-right:16px;padding-bottom:0}}.component--grading__response__content{overflow:auto}.component--grading__annotations{background-color:#ecf4fd}.component--grading__annotations__divider{padding:4px;background-color:#fff}.component--grading__actions__info{margin:16px 0 0;padding-top:8px;border-top:1px solid #eee}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#1565c0}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#1565c0}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.component-revisions .component{padding:0;margin:0}.component-revisions .component__content{padding:0}.component-revisions .component__wrapper{margin:16px 0}.component-revisions .md-resize-handle{display:none}.component-revisions__item,md-list-item.component-revisions__item{padding:0}.component-revisions__item--latest{margin-bottom:24px}.component-revisions__annotation-label{margin-right:8px}.component-revisions__has-auto-and-teacher{padding-top:8px;margin-top:8px;border-top:1px solid #ddd}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
+body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1565c0}blockquote{background-color:#f5f9fe;padding:8px;margin:16px 0;border:solid #1565c0;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1565c0;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1565c0!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#ecf4fd}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#1565c0;background-color:#ecf4fd}.primary{color:#1565c0}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#ecf4fd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1565c0}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#ecf4fd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1565c0}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#ecf4fd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav,.l-notebook{background-color:#eee!important}.l-notebook{margin-top:42px}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;transition:opacity .25s ease-in-out}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1565c0}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1565c0}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}.milestone{min-width:196px;width:196px;height:242px;background-color:#fff;padding:0}.milestone.md-button{text-transform:none}.milestone__progress{background-color:#eee;border-radius:50%;position:relative;margin-bottom:12px}.milestone__progress__percent{position:absolute;top:8px;bottom:8px;left:8px;right:8px;border-radius:50%;background-color:#fff;color:#1565c0;font-size:28px;font-weight:500}.milestone__title{font-weight:700;font-size:15px;margin-bottom:12px}.milestone-details section:not(:first-child){margin-top:8px}.milestone-details__section{background-color:#fff;padding:16px}.milestone-details__section>p{margin-top:16px;margin-bottom:0}.milestone-details__section .grading,.milestone-details__section md-list{padding:0}.milestone-details__header{padding:12px 16px;margin:-16px -16px 16px;text-transform:uppercase;font-weight:500}.milestone-details__progress{width:48px;margin-right:8px}.milestone--add.md-button{text-transform:uppercase}.milestone--add__icon{height:96px;width:96px;background-color:#eee;border-radius:50%}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#ecf4fd}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.student-select{padding-top:0;padding-bottom:0}.workgroup-progress{margin-bottom:8px}@media (min-width:960px){.workgroup-progress{margin-bottom:0}}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1565c0}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #1565c0;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}.grading__item-container{margin:0 0 16px;padding:0!important}.grading__item{background-color:#fff}.grading__item .component{padding:0}notebook-launcher{position:absolute;bottom:24px;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}notebook-report{position:absolute;bottom:0;right:96px;transition:right .25s;z-index:3}@media only screen and (max-width:959px){notebook-report{left:8px;right:8px;top:8px;bottom:8px}}@media only screen and (min-width:960px){notebook-report.report-full{left:8px;right:8px;top:8px;bottom:8px}notebook-report.notes-visible{right:512px}}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block;position:relative;right:0}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.annotations--grading md-input-container{margin-bottom:0}.annotations--grading .md-errors-spacer{display:none}.annotations--grading input:focus,.annotations--grading textarea:focus{background-color:#fff}.annotations--grading input:disabled,.annotations--grading textarea:disabled{color:rgba(0,0,0,.87)}.annotations--grading--revision{margin:8px 0 0;padding:8px}.annotations--notebook{margin-top:16px}.annotations--grading__info{font-style:italic;margin:8px 8px 4px}.annotations--grading__item{padding:8px}.annotations--grading__score input{margin-top:0!important;font-size:18px;width:52px;text-align:center}.annotations--grading__score__label{transform:none!important;width:auto;display:block;padding:0;margin:0 8px 0 0}.annotations--grading__score__max label{display:none}.annotations--grading__score__divider{position:relative;top:12px;margin-left:4px}.annotations--grading__auto-comment{margin:0 2px}.annotations--grading__auto-comment__content{margin-top:8px}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.component--grading{padding:0;margin:0}.component--grading:not(:last-child)>div{border-bottom:1px solid #ddd}.component--grading .component__wrapper{padding:0;margin:0}.component--grading .component__content{padding:16px;margin:0}.component--grading__response{padding-bottom:16px}@media only screen and (min-width:960px){.component--grading__response{padding-right:16px;padding-bottom:0}}.component--grading__response__content{overflow:auto}.component--grading__annotations{background-color:#ecf4fd}.component--grading__annotations__divider{padding:4px;background-color:#fff}.component--grading__actions__info{margin:16px 0 0;padding-top:8px;border-top:1px solid #eee}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#1565c0}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#1565c0}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.component-revisions .component{padding:0;margin:0}.component-revisions .component__content{padding:0}.component-revisions .component__wrapper{margin:16px 0}.component-revisions .md-resize-handle{display:none}.component-revisions__item,md-list-item.component-revisions__item{padding:0}.component-revisions__item--latest{margin-bottom:24px}.component-revisions__annotation-label{margin-right:8px}.component-revisions__has-auto-and-teacher{padding-top:8px;margin-top:8px;border-top:1px solid #ddd}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
 /*# sourceMappingURL=monitor.css.map */
diff --git a/src/main/webapp/wise5/themes/default/style/monitor.css.map b/src/main/webapp/wise5/themes/default/style/monitor.css.map
index 4863c7158b..b947ae6a78 100644
--- a/src/main/webapp/wise5/themes/default/style/monitor.css.map
+++ b/src/main/webapp/wise5/themes/default/style/monitor.css.map
@@ -1 +1 @@
-{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config--monitor.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/monitor.css","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dragula.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_milestones.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_nav--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_grading.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_component--revisions.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,wBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBEQoB,CFPpB,eAAgB,CAChB,cGlC8B,CHmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBExDsB,CF4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,wBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,wBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,aCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,wBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"monitor.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Classroom Monitor Colors\n$_primary-color: #1565c0; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 54%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: map-merge($color, $body-color);\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #1565c0; }\n\nblockquote {\n  background-color: #f5f9fe;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1565c0;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #1565c0;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1565c0 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: #ecf4fd; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1565c0;\n  background-color: #ecf4fd; }\n\n.primary {\n  color: #1565c0; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: #ecf4fd; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #1565c0; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: #ecf4fd; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #1565c0; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: #ecf4fd; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out; }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1565c0; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #1565c0; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n.milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0; }\n  .milestone.md-button {\n    text-transform: none; }\n\n.milestone__progress {\n  background-color: #eeeeee;\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px; }\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: #1565c0;\n  font-size: 28px;\n  font-weight: 500; }\n\n.milestone__title {\n  font-weight: 700;\n  font-size: 15px;\n  margin-bottom: 12px; }\n\n.milestone-details section:not(:first-child) {\n  margin-top: 8px; }\n\n.milestone-details__section {\n  background-color: #ffffff;\n  padding: 16px; }\n  .milestone-details__section > p {\n    margin-top: 16px;\n    margin-bottom: 0; }\n  .milestone-details__section md-list {\n    padding: 0; }\n  .milestone-details__section .grading {\n    padding: 0; }\n\n.milestone-details__header {\n  padding: 12px 16px;\n  margin: -16px -16px 16px;\n  text-transform: uppercase;\n  font-weight: 500; }\n\n.milestone-details__progress {\n  width: 48px;\n  margin-right: 8px; }\n\n.milestone--add.md-button {\n  text-transform: uppercase; }\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: #eeeeee;\n  border-radius: 50%; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: #ecf4fd;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.student-select {\n  padding-top: 0;\n  padding-bottom: 0; }\n\n.workgroup-progress {\n  margin-bottom: 8px; }\n  @media (min-width: 960px) {\n    .workgroup-progress {\n      margin-bottom: 0; } }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1565c0; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #1565c0;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important; }\n\n.grading__item {\n  background-color: #ffffff; }\n  .grading__item .component {\n    padding: 0; }\n\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px; }\n  @media only screen and (min-width: 600px) {\n    notebook-launcher.md-button.md-fab {\n      z-index: 61; } }\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: 96px;\n  transition: right 250ms;\n  z-index: 3; }\n  @media only screen and (max-width: 959px) {\n    notebook-report {\n      left: 8px;\n      right: 8px;\n      top: 8px;\n      bottom: 8px; } }\n  @media only screen and (min-width: 960px) {\n    notebook-report.report-full {\n      left: 8px;\n      right: 8px;\n      top: 8px;\n      bottom: 8px; }\n    notebook-report.notes-visible {\n      right: 512px; } }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.annotations--grading md-input-container {\n  margin-bottom: 0; }\n\n.annotations--grading .md-errors-spacer {\n  display: none; }\n\n.annotations--grading input:focus, .annotations--grading textarea:focus {\n  background-color: #ffffff; }\n\n.annotations--grading input:disabled, .annotations--grading textarea:disabled {\n  color: rgba(0, 0, 0, 0.87); }\n\n.annotations--grading--revision {\n  margin: 8px 0 0;\n  padding: 8px; }\n\n.annotations--notebook {\n  margin-top: 16px; }\n\n.annotations--grading__info {\n  font-style: italic;\n  margin: 8px 8px 4px; }\n\n.annotations--grading__item {\n  padding: 8px; }\n\n.annotations--grading__score input {\n  margin-top: 0 !important;\n  font-size: 18px;\n  width: 52px;\n  text-align: center; }\n\n.annotations--grading__score__label {\n  transform: none !important;\n  width: auto;\n  display: block;\n  padding: 0;\n  margin: 0 8px 0 0; }\n\n.annotations--grading__score__max label {\n  display: none; }\n\n.annotations--grading__score__divider {\n  position: relative;\n  top: 12px;\n  margin-left: 4px; }\n\n.annotations--grading__auto-comment {\n  margin: 0 2px; }\n\n.annotations--grading__auto-comment__content {\n  margin-top: 8px; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.component--grading {\n  padding: 0;\n  margin: 0; }\n  .component--grading:not(:last-child) > div {\n    border-bottom: 1px solid #dddddd; }\n  .component--grading .component__wrapper {\n    padding: 0;\n    margin: 0; }\n  .component--grading .component__content {\n    padding: 16px;\n    margin: 0; }\n\n.component--grading__response {\n  padding-bottom: 16px; }\n  @media only screen and (min-width: 960px) {\n    .component--grading__response {\n      padding-right: 16px;\n      padding-bottom: 0; } }\n\n.component--grading__response__content {\n  overflow: auto; }\n\n.component--grading__annotations {\n  background-color: #ecf4fd; }\n\n.component--grading__annotations__divider {\n  padding: 4px;\n  background-color: #ffffff; }\n\n.component--grading__actions__info {\n  margin: 16px 0 0;\n  padding-top: 8px;\n  border-top: 1px solid #eeeeee; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #1565c0; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #1565c0; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.component-revisions .component {\n  padding: 0;\n  margin: 0; }\n\n.component-revisions .component__content {\n  padding: 0; }\n\n.component-revisions .component__wrapper {\n  margin: 16px 0; }\n\n.component-revisions .md-resize-handle {\n  display: none; }\n\n.component-revisions__item, md-list-item.component-revisions__item {\n  padding: 0; }\n\n.component-revisions__item--latest {\n  margin-bottom: 24px; }\n\n.component-revisions__annotation-label {\n  margin-right: 8px; }\n\n.component-revisions__has-auto-and-teacher {\n  padding-top: 8px;\n  margin-top: 8px;\n  border-top: 1px solid #dddddd; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n",".gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out;\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}",".milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0;\n\n  &.md-button {\n    text-transform: none;\n  }\n}\n\n.milestone__progress {\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px;\n}\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: color('primary');\n  font-size: rem(2.8);\n  font-weight: 500;\n}\n\n.milestone__title {\n  font-weight: 700;\n  font-size: $body-font-size-base;\n  margin-bottom: 12px;\n}\n\n.milestone-details {\n  section {\n    &:not(:first-child) {\n      margin-top: 8px;\n    }\n  }\n}\n\n.milestone-details__section {\n  background-color: #ffffff;\n  padding: 16px;\n\n  > p {\n    margin-top: 16px;\n    margin-bottom: 0;\n  }\n\n  md-list {\n    padding: 0;\n  }\n\n  .grading {\n    padding: 0;\n  }\n}\n\n.milestone-details__header {\n  padding: 12px 16px;\n  margin: -16px -16px 16px;\n  text-transform: uppercase;\n  font-weight: 500;\n}\n\n.milestone-details__progress {\n  width: 48px;\n  margin-right: 8px;\n}\n\n.milestone--add {\n  &.md-button {\n    text-transform: uppercase;\n  }\n}\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".student-select {\n    padding-top: 0;\n    padding-bottom: 0;\n}\n\n.workgroup-progress {\n    margin-bottom: 8px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        margin-bottom: 0;\n    }\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n",".grading {\n}\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important;\n}\n\n.grading__item {\n  background-color: #ffffff;\n\n  .component {\n    padding: 0;\n  }\n}\n","// Variables\n$notebook-sidebar-width: 500px;\n$report-position-right: 96px;\n$report-full-gap: 8px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: $report-position-right;\n  transition: right 250ms;\n  z-index: 3;\n\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    left: $report-full-gap;\n    right: $report-full-gap;\n    top: $report-full-gap;\n    bottom: $report-full-gap\n  }\n  \n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    &.report-full {\n      left: $report-full-gap;\n      right: $report-full-gap;\n      top: $report-full-gap;\n      bottom: $report-full-gap\n    }\n\n    &.notes-visible {\n      right: $notebook-sidebar-width + 12;\n    }\n  }\n}\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block;\n}\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: color('gray');\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0;\n}\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255,255,255,0.95);\n  border-top: 1px solid color('gray-lighter');\n\n  &:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n  }\n}\n\n.notebook-item__content--text-only {\n  &:after {\n    content: \"note\";\n    font-family: 'Material Icons';\n    font-weight: normal;\n    font-style: normal;\n    display: inline-block;\n    line-height: 1;\n    text-transform: none;\n    letter-spacing: normal;\n    word-wrap: normal;\n    white-space: nowrap;\n    direction: ltr;\n\n    /* Support for all WebKit browsers. */\n    -webkit-font-smoothing: antialiased;\n    /* Support for Safari and Chrome. */\n    text-rendering: optimizeLegibility;\n\n    /* Support for Firefox. */\n    -moz-osx-font-smoothing: grayscale;\n\n    /* Support for IE. */\n    font-feature-settings: 'liga';\n    //position: absolute;\n    font-size: 80px;\n    color: color('text-disabled');\n  }\n}\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\";\n}\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0;\n\n  md-icon {\n    font-size: 22px;\n  }\n}\n\n.notebook-item__edit {\n  cursor: pointer;\n}\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: color('gray-darkest');\n  border-bottom-left-radius: $card-border-radius;\n  border-bottom-right-radius: $card-border-radius;\n\n  md-icon {\n    color: #ffffff;\n  }\n}\n\n.notebook-item__text-input {\n  margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.notebook-item__attachment {\n  background-color: color('gray-light');\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative;\n}\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto;\n}\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  // TODO: generalize for on item buttons like this (delete attachment, etc)\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0;\n\n  md-icon {\n    margin-left: -2px;\n    font-size: 22px;\n  }\n}\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: lighten(color('accent-1'), 5%);\n\n  a, md-icon {\n    color: lighten(color('accent-1'), 5%);\n  }\n\n  md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto;\n  }\n}\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: color('gray-lighter');\n  margin-bottom: 16px;\n  color: color('text-secondary');\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms;\n\n  md-icon, span {\n    transition: color 250ms;\n  }\n\n  &:hover, &:focus, &.dragover {\n    border-color: color('accent');\n    background-color: lighten(color('accent'), 35%);\n    color: color('accent');\n\n    md-icon, span {\n      color: color('accent');\n    }\n  }\n}\n\n.notebook-sidebar {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: $notebook-sidebar-width - 100;  \n    max-width: none;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    width: $notebook-sidebar-width;\n    max-width: none;\n  }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".annotations--grading {\n    md-input-container {\n        margin-bottom: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n\n    input, textarea {\n        //border-width: 0;\n        //background-color: color('text-light-secondary');\n\n        &:focus {\n            background-color: #ffffff;\n        }\n\n        &:disabled {\n            color: color('text');\n        }\n    }\n}\n\n.annotations--grading--revision {\n    margin: 8px 0 0;\n    padding: 8px;\n}\n\n.annotations--notebook {\n    margin-top: 16px;;\n}\n\n.annotations--grading__info {\n    font-style: italic;\n    margin: 8px 8px 4px;\n}\n\n.annotations--grading__item {\n    padding: 8px;\n}\n\n.annotations--grading__score {\n    input {\n        margin-top: 0 !important;\n        font-size: rem(1.8);\n        width: 52px;\n        text-align: center;\n    }\n}\n\n.annotations--grading__score__label {\n    transform: none !important;\n    width: auto;\n    display: block;\n    padding: 0;\n    margin: 0 8px 0 0;\n}\n\n.annotations--grading__score__max {\n    label {\n        display: none;\n    }\n}\n\n.annotations--grading__score__divider {\n    position: relative;\n    top: 12px;\n    margin-left: 4px;\n}\n\n.annotations--grading__auto-comment {\n    margin: 0 2px;\n}\n\n.annotations--grading__auto-comment__content {\n    margin-top: 8px;\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".component--grading {\n    padding: 0;\n    margin: 0;\n\n    &:not(:last-child) {\n        > div {\n            border-bottom: 1px solid color('gray-light');\n        }\n    }\n\n    .component__wrapper {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 16px;\n        margin: 0;\n    }\n}\n\n.component--grading__response {\n    padding-bottom: 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding-right: 16px;\n        padding-bottom: 0;\n    }\n}\n\n.component--grading__response__content {\n    overflow: auto;\n}\n\n.component--grading__annotations {\n    background-color: color('selected-bg');\n}\n\n.component--grading__annotations__divider {\n    padding: 4px;\n    background-color: #ffffff;\n}\n\n.component--grading__actions__info {\n    margin: 16px 0 0;\n    padding-top: 8px;\n    border-top: 1px solid color('gray-lighter');\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".component-revisions {\n    .component {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 0;\n    }\n\n    .component__wrapper {\n        margin: 16px 0;\n    }\n\n    .md-resize-handle {\n        display: none;\n    }\n}\n\n.component-revisions__item, md-list-item.component-revisions__item {\n    padding: 0;\n}\n\n.component-revisions__item--latest {\n    margin-bottom: 24px;\n}\n\n.component-revisions__item__text {\n\n}\n\n.component-revisions__annotation-label {\n    margin-right: 8px;\n}\n\n.component-revisions__has-auto-and-teacher {\n    padding-top: 8px;\n    margin-top: 8px;\n    border-top: 1px solid color('gray-light');\n}\n",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config--monitor.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/monitor.css","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dragula.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_milestones.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_nav--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_grading.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_component--revisions.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,wBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBEQoB,CFPpB,eAAgB,CAChB,cGlC8B,CHmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBExDsB,CF4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,wBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,wBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,aCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,wBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"monitor.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Classroom Monitor Colors\n$_primary-color: #1565c0; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 54%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: map-merge($color, $body-color);\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #1565c0; }\n\nblockquote {\n  background-color: #f5f9fe;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1565c0;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #1565c0;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1565c0 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: #ecf4fd; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1565c0;\n  background-color: #ecf4fd; }\n\n.primary {\n  color: #1565c0; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: #ecf4fd; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #1565c0; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: #ecf4fd; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #1565c0; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: #ecf4fd; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out; }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1565c0; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #1565c0; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n.milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0; }\n  .milestone.md-button {\n    text-transform: none; }\n\n.milestone__progress {\n  background-color: #eeeeee;\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px; }\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: #1565c0;\n  font-size: 28px;\n  font-weight: 500; }\n\n.milestone__title {\n  font-weight: 700;\n  font-size: 15px;\n  margin-bottom: 12px; }\n\n.milestone-details section:not(:first-child) {\n  margin-top: 8px; }\n\n.milestone-details__section {\n  background-color: #ffffff;\n  padding: 16px; }\n  .milestone-details__section > p {\n    margin-top: 16px;\n    margin-bottom: 0; }\n  .milestone-details__section md-list {\n    padding: 0; }\n  .milestone-details__section .grading {\n    padding: 0; }\n\n.milestone-details__header {\n  padding: 12px 16px;\n  margin: -16px -16px 16px;\n  text-transform: uppercase;\n  font-weight: 500; }\n\n.milestone-details__progress {\n  width: 48px;\n  margin-right: 8px; }\n\n.milestone--add.md-button {\n  text-transform: uppercase; }\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: #eeeeee;\n  border-radius: 50%; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: #ecf4fd;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.student-select {\n  padding-top: 0;\n  padding-bottom: 0; }\n\n.workgroup-progress {\n  margin-bottom: 8px; }\n  @media (min-width: 960px) {\n    .workgroup-progress {\n      margin-bottom: 0; } }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1565c0; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #1565c0;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important; }\n\n.grading__item {\n  background-color: #ffffff; }\n  .grading__item .component {\n    padding: 0; }\n\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px; }\n  @media only screen and (min-width: 600px) {\n    notebook-launcher.md-button.md-fab {\n      z-index: 61; } }\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: 96px;\n  transition: right 250ms;\n  z-index: 3; }\n  @media only screen and (max-width: 959px) {\n    notebook-report {\n      left: 8px;\n      right: 8px;\n      top: 8px;\n      bottom: 8px; } }\n  @media only screen and (min-width: 960px) {\n    notebook-report.report-full {\n      left: 8px;\n      right: 8px;\n      top: 8px;\n      bottom: 8px; }\n    notebook-report.notes-visible {\n      right: 512px; } }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n  position: relative;\n  right: 0; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.annotations--grading md-input-container {\n  margin-bottom: 0; }\n\n.annotations--grading .md-errors-spacer {\n  display: none; }\n\n.annotations--grading input:focus, .annotations--grading textarea:focus {\n  background-color: #ffffff; }\n\n.annotations--grading input:disabled, .annotations--grading textarea:disabled {\n  color: rgba(0, 0, 0, 0.87); }\n\n.annotations--grading--revision {\n  margin: 8px 0 0;\n  padding: 8px; }\n\n.annotations--notebook {\n  margin-top: 16px; }\n\n.annotations--grading__info {\n  font-style: italic;\n  margin: 8px 8px 4px; }\n\n.annotations--grading__item {\n  padding: 8px; }\n\n.annotations--grading__score input {\n  margin-top: 0 !important;\n  font-size: 18px;\n  width: 52px;\n  text-align: center; }\n\n.annotations--grading__score__label {\n  transform: none !important;\n  width: auto;\n  display: block;\n  padding: 0;\n  margin: 0 8px 0 0; }\n\n.annotations--grading__score__max label {\n  display: none; }\n\n.annotations--grading__score__divider {\n  position: relative;\n  top: 12px;\n  margin-left: 4px; }\n\n.annotations--grading__auto-comment {\n  margin: 0 2px; }\n\n.annotations--grading__auto-comment__content {\n  margin-top: 8px; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.component--grading {\n  padding: 0;\n  margin: 0; }\n  .component--grading:not(:last-child) > div {\n    border-bottom: 1px solid #dddddd; }\n  .component--grading .component__wrapper {\n    padding: 0;\n    margin: 0; }\n  .component--grading .component__content {\n    padding: 16px;\n    margin: 0; }\n\n.component--grading__response {\n  padding-bottom: 16px; }\n  @media only screen and (min-width: 960px) {\n    .component--grading__response {\n      padding-right: 16px;\n      padding-bottom: 0; } }\n\n.component--grading__response__content {\n  overflow: auto; }\n\n.component--grading__annotations {\n  background-color: #ecf4fd; }\n\n.component--grading__annotations__divider {\n  padding: 4px;\n  background-color: #ffffff; }\n\n.component--grading__actions__info {\n  margin: 16px 0 0;\n  padding-top: 8px;\n  border-top: 1px solid #eeeeee; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #1565c0; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #1565c0; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.component-revisions .component {\n  padding: 0;\n  margin: 0; }\n\n.component-revisions .component__content {\n  padding: 0; }\n\n.component-revisions .component__wrapper {\n  margin: 16px 0; }\n\n.component-revisions .md-resize-handle {\n  display: none; }\n\n.component-revisions__item, md-list-item.component-revisions__item {\n  padding: 0; }\n\n.component-revisions__item--latest {\n  margin-bottom: 24px; }\n\n.component-revisions__annotation-label {\n  margin-right: 8px; }\n\n.component-revisions__has-auto-and-teacher {\n  padding-top: 8px;\n  margin-top: 8px;\n  border-top: 1px solid #dddddd; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n",".gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out;\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}",".milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0;\n\n  &.md-button {\n    text-transform: none;\n  }\n}\n\n.milestone__progress {\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px;\n}\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: color('primary');\n  font-size: rem(2.8);\n  font-weight: 500;\n}\n\n.milestone__title {\n  font-weight: 700;\n  font-size: $body-font-size-base;\n  margin-bottom: 12px;\n}\n\n.milestone-details {\n  section {\n    &:not(:first-child) {\n      margin-top: 8px;\n    }\n  }\n}\n\n.milestone-details__section {\n  background-color: #ffffff;\n  padding: 16px;\n\n  > p {\n    margin-top: 16px;\n    margin-bottom: 0;\n  }\n\n  md-list {\n    padding: 0;\n  }\n\n  .grading {\n    padding: 0;\n  }\n}\n\n.milestone-details__header {\n  padding: 12px 16px;\n  margin: -16px -16px 16px;\n  text-transform: uppercase;\n  font-weight: 500;\n}\n\n.milestone-details__progress {\n  width: 48px;\n  margin-right: 8px;\n}\n\n.milestone--add {\n  &.md-button {\n    text-transform: uppercase;\n  }\n}\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".student-select {\n    padding-top: 0;\n    padding-bottom: 0;\n}\n\n.workgroup-progress {\n    margin-bottom: 8px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        margin-bottom: 0;\n    }\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n",".grading {\n}\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important;\n}\n\n.grading__item {\n  background-color: #ffffff;\n\n  .component {\n    padding: 0;\n  }\n}\n","// Variables\n$notebook-sidebar-width: 500px;\n$report-position-right: 96px;\n$report-full-gap: 8px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: $report-position-right;\n  transition: right 250ms;\n  z-index: 3;\n\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    left: $report-full-gap;\n    right: $report-full-gap;\n    top: $report-full-gap;\n    bottom: $report-full-gap\n  }\n  \n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    &.report-full {\n      left: $report-full-gap;\n      right: $report-full-gap;\n      top: $report-full-gap;\n      bottom: $report-full-gap\n    }\n\n    &.notes-visible {\n      right: $notebook-sidebar-width + 12;\n    }\n  }\n}\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block;\n}\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: color('gray');\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0;\n}\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255,255,255,0.95);\n  border-top: 1px solid color('gray-lighter');\n\n  &:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n  }\n}\n\n.notebook-item__content--text-only {\n  &:after {\n    content: \"note\";\n    font-family: 'Material Icons';\n    font-weight: normal;\n    font-style: normal;\n    display: inline-block;\n    line-height: 1;\n    text-transform: none;\n    letter-spacing: normal;\n    word-wrap: normal;\n    white-space: nowrap;\n    direction: ltr;\n\n    /* Support for all WebKit browsers. */\n    -webkit-font-smoothing: antialiased;\n    /* Support for Safari and Chrome. */\n    text-rendering: optimizeLegibility;\n\n    /* Support for Firefox. */\n    -moz-osx-font-smoothing: grayscale;\n\n    /* Support for IE. */\n    font-feature-settings: 'liga';\n    //position: absolute;\n    font-size: 80px;\n    color: color('text-disabled');\n  }\n}\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\";\n}\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0;\n\n  md-icon {\n    font-size: 22px;\n  }\n}\n\n.notebook-item__edit {\n  cursor: pointer;\n}\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: color('gray-darkest');\n  border-bottom-left-radius: $card-border-radius;\n  border-bottom-right-radius: $card-border-radius;\n\n  md-icon {\n    color: #ffffff;\n  }\n}\n\n.notebook-item__text-input {\n  margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.notebook-item__attachment {\n  background-color: color('gray-light');\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative;\n}\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto;\n}\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  // TODO: generalize for on item buttons like this (delete attachment, etc)\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0;\n\n  md-icon {\n    margin-left: -2px;\n    font-size: 22px;\n  }\n}\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: lighten(color('accent-1'), 5%);\n\n  a, md-icon {\n    color: lighten(color('accent-1'), 5%);\n  }\n\n  md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto;\n  }\n}\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: color('gray-lighter');\n  margin-bottom: 16px;\n  color: color('text-secondary');\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms;\n\n  md-icon, span {\n    transition: color 250ms;\n  }\n\n  &:hover, &:focus, &.dragover {\n    border-color: color('accent');\n    background-color: lighten(color('accent'), 35%);\n    color: color('accent');\n\n    md-icon, span {\n      color: color('accent');\n    }\n  }\n}\n\n.notebook-sidebar {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: $notebook-sidebar-width - 100;  \n    max-width: none;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    width: $notebook-sidebar-width;\n    max-width: none;\n  }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n  position: relative;\n  right: 0;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".annotations--grading {\n    md-input-container {\n        margin-bottom: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n\n    input, textarea {\n        //border-width: 0;\n        //background-color: color('text-light-secondary');\n\n        &:focus {\n            background-color: #ffffff;\n        }\n\n        &:disabled {\n            color: color('text');\n        }\n    }\n}\n\n.annotations--grading--revision {\n    margin: 8px 0 0;\n    padding: 8px;\n}\n\n.annotations--notebook {\n    margin-top: 16px;;\n}\n\n.annotations--grading__info {\n    font-style: italic;\n    margin: 8px 8px 4px;\n}\n\n.annotations--grading__item {\n    padding: 8px;\n}\n\n.annotations--grading__score {\n    input {\n        margin-top: 0 !important;\n        font-size: rem(1.8);\n        width: 52px;\n        text-align: center;\n    }\n}\n\n.annotations--grading__score__label {\n    transform: none !important;\n    width: auto;\n    display: block;\n    padding: 0;\n    margin: 0 8px 0 0;\n}\n\n.annotations--grading__score__max {\n    label {\n        display: none;\n    }\n}\n\n.annotations--grading__score__divider {\n    position: relative;\n    top: 12px;\n    margin-left: 4px;\n}\n\n.annotations--grading__auto-comment {\n    margin: 0 2px;\n}\n\n.annotations--grading__auto-comment__content {\n    margin-top: 8px;\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".component--grading {\n    padding: 0;\n    margin: 0;\n\n    &:not(:last-child) {\n        > div {\n            border-bottom: 1px solid color('gray-light');\n        }\n    }\n\n    .component__wrapper {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 16px;\n        margin: 0;\n    }\n}\n\n.component--grading__response {\n    padding-bottom: 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding-right: 16px;\n        padding-bottom: 0;\n    }\n}\n\n.component--grading__response__content {\n    overflow: auto;\n}\n\n.component--grading__annotations {\n    background-color: color('selected-bg');\n}\n\n.component--grading__annotations__divider {\n    padding: 4px;\n    background-color: #ffffff;\n}\n\n.component--grading__actions__info {\n    margin: 16px 0 0;\n    padding-top: 8px;\n    border-top: 1px solid color('gray-lighter');\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".component-revisions {\n    .component {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 0;\n    }\n\n    .component__wrapper {\n        margin: 16px 0;\n    }\n\n    .md-resize-handle {\n        display: none;\n    }\n}\n\n.component-revisions__item, md-list-item.component-revisions__item {\n    padding: 0;\n}\n\n.component-revisions__item--latest {\n    margin-bottom: 24px;\n}\n\n.component-revisions__item__text {\n\n}\n\n.component-revisions__annotation-label {\n    margin-right: 8px;\n}\n\n.component-revisions__has-auto-and-teacher {\n    padding-top: 8px;\n    margin-top: 8px;\n    border-top: 1px solid color('gray-light');\n}\n",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
diff --git a/src/main/webapp/wise5/themes/default/style/vle.css b/src/main/webapp/wise5/themes/default/style/vle.css
index caab2785fd..6be499702c 100644
--- a/src/main/webapp/wise5/themes/default/style/vle.css
+++ b/src/main/webapp/wise5/themes/default/style/vle.css
@@ -1,2 +1,2 @@
-body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1c8ca8}blockquote{background-color:#e7f7fb;padding:8px;margin:16px 0;border:solid #1c8ca8;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1c8ca8;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1c8ca8!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#f4fbfd}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#1c8ca8;background-color:#f4fbfd}.primary{color:#1c8ca8}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#f4fbfd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1c8ca8}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#f4fbfd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1c8ca8}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#f4fbfd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav{background-color:#eee!important}.l-node{margin-top:42px;padding:0}@media only screen and (min-width:600px){.l-node{padding:0 0 16px;background-color:#eee!important}}@media only screen and (min-width:960px){.l-node{padding:0 0 32px}}.l-notebook{margin-top:42px;background-color:#eee!important}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;transition:opacity .25s ease-in-out}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1c8ca8}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1c8ca8}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#f4fbfd}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1c8ca8}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #1c8ca8;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}notebook-launcher{position:absolute;bottom:24px;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}notebook-report{position:absolute;bottom:0;right:96px;transition:right .25s;z-index:3}@media only screen and (max-width:959px){notebook-report{left:8px;right:8px;top:8px;bottom:8px}}@media only screen and (min-width:960px){notebook-report.report-full{left:8px;right:8px;top:8px;bottom:8px}notebook-report.notes-visible{right:512px}}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#1c8ca8}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#1c8ca8}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
+body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1c8ca8}blockquote{background-color:#e7f7fb;padding:8px;margin:16px 0;border:solid #1c8ca8;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1c8ca8;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1c8ca8!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#f4fbfd}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#1c8ca8;background-color:#f4fbfd}.primary{color:#1c8ca8}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#f4fbfd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1c8ca8}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#f4fbfd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1c8ca8}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#f4fbfd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav{background-color:#eee!important}.l-node{margin-top:42px;padding:0}@media only screen and (min-width:600px){.l-node{padding:0 0 16px;background-color:#eee!important}}@media only screen and (min-width:960px){.l-node{padding:0 0 32px}}.l-notebook{margin-top:42px;background-color:#eee!important}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;transition:opacity .25s ease-in-out}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1c8ca8}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1c8ca8}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#f4fbfd}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1c8ca8}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #1c8ca8;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}notebook-launcher{position:absolute;bottom:24px;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}notebook-report{position:absolute;bottom:0;right:96px;transition:right .25s;z-index:3}@media only screen and (max-width:959px){notebook-report{left:8px;right:8px;top:8px;bottom:8px}}@media only screen and (min-width:960px){notebook-report.report-full{left:8px;right:8px;top:8px;bottom:8px}notebook-report.notes-visible{right:512px}}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block;position:relative;right:0}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#1c8ca8}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#1c8ca8}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
 /*# sourceMappingURL=vle.css.map */
diff --git a/src/main/webapp/wise5/themes/default/style/vle.css.map b/src/main/webapp/wise5/themes/default/style/vle.css.map
index 09c7d9ff42..938c6cfaa2 100644
--- a/src/main/webapp/wise5/themes/default/style/vle.css.map
+++ b/src/main/webapp/wise5/themes/default/style/vle.css.map
@@ -1 +1 @@
-{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/vle.css","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-node.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dragula.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,wBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBCQoB,CDPpB,eAAgB,CAChB,cElC8B,CFmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBCxDsB,CD4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,wBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,wBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,aCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,wBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"vle.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #1C8CA8; }\n\nblockquote {\n  background-color: #e7f7fb;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1C8CA8;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #1C8CA8;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1C8CA8 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: #f4fbfd; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1C8CA8;\n  background-color: #f4fbfd; }\n\n.primary {\n  color: #1C8CA8; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: #f4fbfd; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #1C8CA8; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: #f4fbfd; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #1C8CA8; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: #f4fbfd; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-node {\n  margin-top: 42px;\n  padding: 0; }\n  @media only screen and (min-width: 600px) {\n    .l-node {\n      padding: 0 0 16px;\n      background-color: #eeeeee !important; } }\n  @media only screen and (min-width: 960px) {\n    .l-node {\n      padding: 0 0 32px; } }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out; }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1C8CA8; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #1C8CA8; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: #f4fbfd;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1C8CA8; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #1C8CA8;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px; }\n  @media only screen and (min-width: 600px) {\n    notebook-launcher.md-button.md-fab {\n      z-index: 61; } }\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: 96px;\n  transition: right 250ms;\n  z-index: 3; }\n  @media only screen and (max-width: 959px) {\n    notebook-report {\n      left: 8px;\n      right: 8px;\n      top: 8px;\n      bottom: 8px; } }\n  @media only screen and (min-width: 960px) {\n    notebook-report.report-full {\n      left: 8px;\n      right: 8px;\n      top: 8px;\n      bottom: 8px; }\n    notebook-report.notes-visible {\n      right: 512px; } }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #1C8CA8; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #1C8CA8; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-node {\n  margin-top: $wise-toolbar-height;\n  padding: 0;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    padding: 0 0 16px;\n    background-color: color('body-bg') !important;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 0 0 32px;\n  }\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n",".gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out;\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 500px;\n$report-position-right: 96px;\n$report-full-gap: 8px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: $report-position-right;\n  transition: right 250ms;\n  z-index: 3;\n\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    left: $report-full-gap;\n    right: $report-full-gap;\n    top: $report-full-gap;\n    bottom: $report-full-gap\n  }\n  \n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    &.report-full {\n      left: $report-full-gap;\n      right: $report-full-gap;\n      top: $report-full-gap;\n      bottom: $report-full-gap\n    }\n\n    &.notes-visible {\n      right: $notebook-sidebar-width + 12;\n    }\n  }\n}\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block;\n}\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: color('gray');\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0;\n}\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255,255,255,0.95);\n  border-top: 1px solid color('gray-lighter');\n\n  &:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n  }\n}\n\n.notebook-item__content--text-only {\n  &:after {\n    content: \"note\";\n    font-family: 'Material Icons';\n    font-weight: normal;\n    font-style: normal;\n    display: inline-block;\n    line-height: 1;\n    text-transform: none;\n    letter-spacing: normal;\n    word-wrap: normal;\n    white-space: nowrap;\n    direction: ltr;\n\n    /* Support for all WebKit browsers. */\n    -webkit-font-smoothing: antialiased;\n    /* Support for Safari and Chrome. */\n    text-rendering: optimizeLegibility;\n\n    /* Support for Firefox. */\n    -moz-osx-font-smoothing: grayscale;\n\n    /* Support for IE. */\n    font-feature-settings: 'liga';\n    //position: absolute;\n    font-size: 80px;\n    color: color('text-disabled');\n  }\n}\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\";\n}\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0;\n\n  md-icon {\n    font-size: 22px;\n  }\n}\n\n.notebook-item__edit {\n  cursor: pointer;\n}\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: color('gray-darkest');\n  border-bottom-left-radius: $card-border-radius;\n  border-bottom-right-radius: $card-border-radius;\n\n  md-icon {\n    color: #ffffff;\n  }\n}\n\n.notebook-item__text-input {\n  margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.notebook-item__attachment {\n  background-color: color('gray-light');\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative;\n}\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto;\n}\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  // TODO: generalize for on item buttons like this (delete attachment, etc)\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0;\n\n  md-icon {\n    margin-left: -2px;\n    font-size: 22px;\n  }\n}\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: lighten(color('accent-1'), 5%);\n\n  a, md-icon {\n    color: lighten(color('accent-1'), 5%);\n  }\n\n  md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto;\n  }\n}\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: color('gray-lighter');\n  margin-bottom: 16px;\n  color: color('text-secondary');\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms;\n\n  md-icon, span {\n    transition: color 250ms;\n  }\n\n  &:hover, &:focus, &.dragover {\n    border-color: color('accent');\n    background-color: lighten(color('accent'), 35%);\n    color: color('accent');\n\n    md-icon, span {\n      color: color('accent');\n    }\n  }\n}\n\n.notebook-sidebar {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: $notebook-sidebar-width - 100;  \n    max-width: none;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    width: $notebook-sidebar-width;\n    max-width: none;\n  }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/vle.css","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-node.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dragula.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,wBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBCQoB,CDPpB,eAAgB,CAChB,cElC8B,CFmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBCxDsB,CD4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,wBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,wBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,aCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,wBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"vle.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #1C8CA8; }\n\nblockquote {\n  background-color: #e7f7fb;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1C8CA8;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #1C8CA8;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1C8CA8 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: #f4fbfd; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1C8CA8;\n  background-color: #f4fbfd; }\n\n.primary {\n  color: #1C8CA8; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: #f4fbfd; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #1C8CA8; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: #f4fbfd; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #1C8CA8; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: #f4fbfd; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-node {\n  margin-top: 42px;\n  padding: 0; }\n  @media only screen and (min-width: 600px) {\n    .l-node {\n      padding: 0 0 16px;\n      background-color: #eeeeee !important; } }\n  @media only screen and (min-width: 960px) {\n    .l-node {\n      padding: 0 0 32px; } }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out; }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1C8CA8; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #1C8CA8; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: #f4fbfd;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1C8CA8; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #1C8CA8;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px; }\n  @media only screen and (min-width: 600px) {\n    notebook-launcher.md-button.md-fab {\n      z-index: 61; } }\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: 96px;\n  transition: right 250ms;\n  z-index: 3; }\n  @media only screen and (max-width: 959px) {\n    notebook-report {\n      left: 8px;\n      right: 8px;\n      top: 8px;\n      bottom: 8px; } }\n  @media only screen and (min-width: 960px) {\n    notebook-report.report-full {\n      left: 8px;\n      right: 8px;\n      top: 8px;\n      bottom: 8px; }\n    notebook-report.notes-visible {\n      right: 512px; } }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n  position: relative;\n  right: 0; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #1C8CA8; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #1C8CA8; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-node {\n  margin-top: $wise-toolbar-height;\n  padding: 0;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    padding: 0 0 16px;\n    background-color: color('body-bg') !important;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 0 0 32px;\n  }\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n",".gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out;\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 500px;\n$report-position-right: 96px;\n$report-full-gap: 8px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: $report-position-right;\n  transition: right 250ms;\n  z-index: 3;\n\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    left: $report-full-gap;\n    right: $report-full-gap;\n    top: $report-full-gap;\n    bottom: $report-full-gap\n  }\n  \n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    &.report-full {\n      left: $report-full-gap;\n      right: $report-full-gap;\n      top: $report-full-gap;\n      bottom: $report-full-gap\n    }\n\n    &.notes-visible {\n      right: $notebook-sidebar-width + 12;\n    }\n  }\n}\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block;\n}\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: color('gray');\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0;\n}\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255,255,255,0.95);\n  border-top: 1px solid color('gray-lighter');\n\n  &:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n  }\n}\n\n.notebook-item__content--text-only {\n  &:after {\n    content: \"note\";\n    font-family: 'Material Icons';\n    font-weight: normal;\n    font-style: normal;\n    display: inline-block;\n    line-height: 1;\n    text-transform: none;\n    letter-spacing: normal;\n    word-wrap: normal;\n    white-space: nowrap;\n    direction: ltr;\n\n    /* Support for all WebKit browsers. */\n    -webkit-font-smoothing: antialiased;\n    /* Support for Safari and Chrome. */\n    text-rendering: optimizeLegibility;\n\n    /* Support for Firefox. */\n    -moz-osx-font-smoothing: grayscale;\n\n    /* Support for IE. */\n    font-feature-settings: 'liga';\n    //position: absolute;\n    font-size: 80px;\n    color: color('text-disabled');\n  }\n}\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\";\n}\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0;\n\n  md-icon {\n    font-size: 22px;\n  }\n}\n\n.notebook-item__edit {\n  cursor: pointer;\n}\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: color('gray-darkest');\n  border-bottom-left-radius: $card-border-radius;\n  border-bottom-right-radius: $card-border-radius;\n\n  md-icon {\n    color: #ffffff;\n  }\n}\n\n.notebook-item__text-input {\n  margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.notebook-item__attachment {\n  background-color: color('gray-light');\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative;\n}\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto;\n}\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  // TODO: generalize for on item buttons like this (delete attachment, etc)\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0;\n\n  md-icon {\n    margin-left: -2px;\n    font-size: 22px;\n  }\n}\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: lighten(color('accent-1'), 5%);\n\n  a, md-icon {\n    color: lighten(color('accent-1'), 5%);\n  }\n\n  md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto;\n  }\n}\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: color('gray-lighter');\n  margin-bottom: 16px;\n  color: color('text-secondary');\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms;\n\n  md-icon, span {\n    transition: color 250ms;\n  }\n\n  &:hover, &:focus, &.dragover {\n    border-color: color('accent');\n    background-color: lighten(color('accent'), 35%);\n    color: color('accent');\n\n    md-icon, span {\n      color: color('accent');\n    }\n  }\n}\n\n.notebook-sidebar {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: $notebook-sidebar-width - 100;  \n    max-width: none;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    width: $notebook-sidebar-width;\n    max-width: none;\n  }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n  position: relative;\n  right: 0;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file

From 5cbef35be0266c3e180b8407667044fec8eb20a6 Mon Sep 17 00:00:00 2001
From: breity <breity10@gmail.com>
Date: Mon, 1 Mar 2021 17:32:42 -0800
Subject: [PATCH 27/36] Fixed NotebookItem styling/layout; moved styles to
 component. #2827

---
 .../notebook-item.component.html              |  80 +++++------
 .../notebook-item.component.scss              | 105 ++++++++++++++
 .../notebook-item/notebook-item.component.ts  |  21 +--
 .../notebook-notes.component.scss             |   9 +-
 src/main/webapp/site/src/messages.xlf         |  49 +++----
 .../wise5/themes/default/style/author.css     |   2 +-
 .../wise5/themes/default/style/author.css.map |   2 +-
 .../default/style/modules/_notebook.scss      | 134 +-----------------
 .../wise5/themes/default/style/monitor.css    |   2 +-
 .../themes/default/style/monitor.css.map      |   2 +-
 .../webapp/wise5/themes/default/style/vle.css |   2 +-
 .../wise5/themes/default/style/vle.css.map    |   2 +-
 12 files changed, 193 insertions(+), 217 deletions(-)
 create mode 100644 src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.scss

diff --git a/src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.html b/src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.html
index 11a0a5469f..480a692e1a 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.html
+++ b/src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.html
@@ -1,51 +1,47 @@
 <mat-card class="notebook-item"
-    *ngIf="isNotebookItemActive()"
-    ng-mouseenter="focus=true;"
-    ng-mouseleave="focus=false;"
-    [ngClass]="{'md-whiteframe-5dp': focus}"
-    (click)="doSelect($event)">
-  <mat-card-content aria-label="View"
-      class="notebook-item__content notebook-item__edit"
-      [ngClass]="{'notebook-item__content--text-only': !item.content.attachments.length}"
-      md-ink-ripple
-      flex
-      layout="column"
-      layout-align="center center">
+    (click)="doSelect($event)"
+    (keyup.enter)="doSelect($event)"
+    role="button"
+    tabindex="0">
+  <mat-card-content class="content" [ngClass]="{'text-only': !item.content.attachments.length}">
     <div *ngIf="item.content.attachments.length > 0"
-        class="notebook-item__content__attachment"
-        style="background: url('{{item.content.attachments[0].iconURL}}')">
+        class="attachment-content"
+        style="background-image: url('{{item.content.attachments[0].iconURL}}')">
     </div>
     <div *ngIf="item.content.text"
-        class="notebook-item__content__text notebook-item__edit md-body-1"
+        class="text-content mat-body-1"
         style="color: {{label.color}}">
-        {{item.content.text}}
+      {{item.content.text}}
     </div>
   </mat-card-content>
-  <mat-card-actions class="notebook-item__actions"
-      layout="row"
-      layout-align="start center"
-      style="background-color: {{color}}">
-    <span class="notebook-item__content__location">
-      <mat-icon>place</mat-icon><span class="md-body-1">{{getItemNodePosition()}}</span>
-    </span>
-    <span flex></span>
-    <button mat-button
-        *ngIf="canDeleteNotebookItem()"
-        aria-label="Delete notebook item"
-        matTooltip="Delete"
-        matTooltipPosition="above"
-        i18n-matTooltip
-        (click)="doDelete($event)">
-      <mat-icon>delete</mat-icon>
-    </button>
-    <button mat-button
-        *ngIf="canReviveNotebookItem()"
-        aria-label="Revive notebook item"
-        matTooltip="Revive Note"
-        matTooltipPosition="above"
-        i18n-matTooltip
-        (click)="doRevive($event)">
-      <mat-icon>undo</mat-icon>
-    </button>
+  <mat-card-actions class="dark-theme">
+    <div class="actions app-bar"
+        fxLayoutAlign="start center"
+        style="background-color: {{color}}">
+      <span class="location" fxLayoutAlign="start center">
+        <mat-icon>place</mat-icon><span class="mat-body-1">{{getItemNodePosition()}}</span>
+      </span>
+      <span fxFlex></span>
+      <button mat-icon-button
+          *ngIf="canDeleteNotebookItem()"
+          i18n-aria-label
+          attr.aria-label="Delete {{label.singular}}"
+          i18n-matTooltip
+          attr.matTooltip="Delete {{label.singular}}"
+          matTooltipPosition="above"
+          (click)="doDelete($event)">
+        <mat-icon>delete</mat-icon>
+      </button>
+      <button mat-icon-button
+          *ngIf="canReviveNotebookItem()"
+          i18n-aria-label
+          attr.aria-label="Revive {{label.singular}}"
+          i18n-matTooltip
+          attr.matTooltip="Revive {{label.singular}}"
+          matTooltipPosition="above"
+          (click)="doRevive($event)">
+        <mat-icon>undo</mat-icon>
+      </button>
+    </div>
   </mat-card-actions>
 </mat-card>
\ No newline at end of file
diff --git a/src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.scss b/src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.scss
new file mode 100644
index 0000000000..c9a5ebd1cf
--- /dev/null
+++ b/src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.scss
@@ -0,0 +1,105 @@
+@import '~@angular/material/theming', 
+    '~style/abstracts/variables',
+    '~style/themes/default';
+
+$light-gray: map-get($mat-grey, 300);
+
+.notebook-item {
+  transition: box-shadow 250ms;
+  margin: 0;
+  padding: 0;
+  cursor: pointer;
+
+  &:hover, &:focus {
+    @include mat-elevation(4);
+    outline: none;
+  }
+
+  &:active {
+    outline: none;
+  }
+}
+
+.content {
+  height: 200px;
+  padding: 0;
+  background-color: $light-gray;
+  border-top-left-radius: $card-border-radius;
+  border-top-right-radius: $card-border-radius;
+}
+
+.attachment-content, .text-content {
+  position: absolute;
+  left: 0;
+  right: 0;
+}
+
+.attachment-content {
+  background-repeat: no-repeat;
+  border-top-left-radius: $card-border-radius;
+  border-top-right-radius: $card-border-radius;
+  background-position: center top;
+  background-size: cover;
+  top: 0;
+  bottom: 0;
+}
+
+.text-content {
+  bottom: 0;
+  padding: 8px;
+  font-weight: 500;
+  overflow: hidden;
+  max-height: 120px;
+  min-height: 56px;
+  background-color: rgba(255,255,255,0.95);
+  border-top: 1px solid $light-gray;
+
+  &:after {
+    content: "";
+    text-align: right;
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    width: 100%;
+    height: 0.8em;
+    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);
+  }
+}
+
+.text-only {
+  &:after {
+    content: "note";
+    font-family: 'Material Icons';
+    font-weight: normal;
+    font-style: normal;
+    display: inline-block;
+    line-height: 1;
+    text-transform: none;
+    letter-spacing: normal;
+    word-wrap: normal;
+    white-space: nowrap;
+    direction: ltr;
+    -webkit-font-smoothing: antialiased;
+    text-rendering: optimizeLegibility;
+    -moz-osx-font-smoothing: grayscale;
+    font-feature-settings: 'liga';
+    font-size: 80px;
+    color: map-get($default-colors, disabled-text);
+  }
+}
+
+.location {
+  opacity: 0.9;
+  padding: 8px 0;
+}
+
+mat-card-actions {
+  padding-top: 0;
+}
+
+.actions {
+  margin: 0;
+  padding: 0 8px;
+  border-bottom-left-radius: $card-border-radius;
+  border-bottom-right-radius: $card-border-radius;
+}
diff --git a/src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.ts b/src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.ts
index 877afade7f..0722a82016 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-item/notebook-item.component.ts
@@ -7,10 +7,10 @@ import { ProjectService } from "../../../../../wise5/services/projectService";
 
 @Component({
   selector: 'notebook-item',
+  styleUrls: ['notebook-item.component.scss'],
   templateUrl: 'notebook-item.component.html'
 })
 export class NotebookItemComponent {
-
   @Input()
   note: any;
 
@@ -100,9 +100,11 @@ export class NotebookItemComponent {
 
   doDelete(ev: any): void {
     ev.stopPropagation();
-    const confirm = this.upgrade.$injector.get('$mdDialog').confirm()
-      .title($localize`Are you sure you want to delete this note?`)
-      .ariaLabel('delete note confirmation')
+    const confirm = this.upgrade.$injector
+      .get('$mdDialog')
+      .confirm()
+      .title($localize`Are you sure you want to delete this ${this.label.singular}?`)
+      .ariaLabel($localize`Delete ${this.label.singular} confirmation`)
       .targetEvent(ev)
       .ok($localize`Delete`)
       .cancel($localize`Cancel`);
@@ -115,9 +117,11 @@ export class NotebookItemComponent {
 
   doRevive(ev: any): void {
     ev.stopPropagation();
-    const confirm = this.upgrade.$injector.get('$mdDialog').confirm()
-      .title($localize`Are you sure you want to revive this note?`)
-      .ariaLabel('revive note confirmation')
+    const confirm = this.upgrade.$injector
+      .get('$mdDialog')
+      .confirm()
+      .title($localize`Are you sure you want to revive this ${this.label.singular}?`)
+      .ariaLabel($localize`Revive ${this.label.singular} confirmation`)
       .targetEvent(ev)
       .ok($localize`revive`)
       .cancel($localize`cancel`);
@@ -151,8 +155,7 @@ export class NotebookItemComponent {
   }
 
   canDeleteNotebookItem(): boolean {
-    return this.isMyNotebookItem() &&
-        this.item.serverDeleteTime == null &&
+    return this.isMyNotebookItem() && this.item.serverDeleteTime == null &&
         !this.isChooseMode;
   }
 
diff --git a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.scss b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.scss
index 0a5a68bb4e..9b9cf707fa 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.scss
+++ b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.scss
@@ -32,13 +32,18 @@ $new-note-bottom: 24px;
 
   .notes {
     flex: 1 1 0%;
-    padding: 16px 16px ($new-note-bottom + 56px) 16px;
+    padding: 16px 8px ($new-note-bottom + 56px) 8px;
   }
 
   .notes-grading {
     padding-bottom: 16px;
   }
 
+  .empty {
+    margin-left: 8px;
+    margin-right: 8px;
+  }
+
   notebook-item {
     padding: 0 8px 16px;
   }
@@ -52,5 +57,7 @@ $new-note-bottom: 24px;
 
   .group-header {
     margin-top: 0;
+    margin-left: 8px;
+    margin-right: 8px;
   }
 }
diff --git a/src/main/webapp/site/src/messages.xlf b/src/main/webapp/site/src/messages.xlf
index 8cb07165b3..bf0d388cb5 100644
--- a/src/main/webapp/site/src/messages.xlf
+++ b/src/main/webapp/site/src/messages.xlf
@@ -5403,50 +5403,32 @@
           <context context-type="linenumber">3</context>
         </context-group>
       </trans-unit>
-      <trans-unit datatype="html" id="826b25211922a1b46436589233cb6f1a163d89b7">
-        <source>Delete</source>
-        <context-group purpose="location">
-          <context context-type="sourcefile">app/notebook/notebook-item/notebook-item.component.html</context>
-          <context context-type="linenumber">35</context>
-        </context-group>
-        <context-group purpose="location">
-          <context context-type="sourcefile">app/authoring-tool/edit-component-tags/edit-component-tags.component.html</context>
-          <context context-type="linenumber">38</context>
-        </context-group>
-      </trans-unit>
-      <trans-unit datatype="html" id="579dadbb7eeefd89e8b7097dc8258865f20f76c4">
-        <source>Revive Note</source>
-        <context-group purpose="location">
-          <context context-type="sourcefile">app/notebook/notebook-item/notebook-item.component.html</context>
-          <context context-type="linenumber">44</context>
-        </context-group>
-      </trans-unit>
       <trans-unit datatype="html" id="7a4dcc3f14029f6e71021bc396effab868353ad5">
         <source>You haven't created any <x equiv-text="{{label.plural}}" id="INTERPOLATION"/> yet.</source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-notes/notebook-notes.component.html</context>
-          <context context-type="linenumber">3</context>
+          <context context-type="linenumber">5</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="6b19ee5aa027ce641a0df6d12215e956fce185f5">
         <source>Select item to insert</source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-notes/notebook-notes.component.html</context>
-          <context context-type="linenumber">38</context>
+          <context context-type="linenumber">42</context>
         </context-group>
       </trans-unit>
-      <trans-unit datatype="html" id="499193338ae9eb585e15fe0aecbf6f5ee1a12fc0">
-        <source>Add <x equiv-text="{{config.itemTypes.note.label.singular}}" id="INTERPOLATION"/></source>
+      <trans-unit datatype="html" id="5d07b8b45b941a4c76827fba39b64fc7ff7e483b">
+        <source>Add <x equiv-text="{{label.singular}}" id="INTERPOLATION"/></source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-notes/notebook-notes.component.html</context>
-          <context context-type="linenumber">60</context>
+          <context context-type="linenumber">64</context>
         </context-group>
       </trans-unit>
-      <trans-unit datatype="html" id="4af03f43ed2c1d162531316a776d96f6d10621d0">
+      <trans-unit datatype="html" id="63ed080bcfe44c14dbc55c5be82e82e602eef812">
         <source> Team hasn't created any <x equiv-text="{{label.plural}}" id="INTERPOLATION"/> yet. </source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-notes/notebook-notes.component.html</context>
-          <context context-type="linenumber">86</context>
+          <context context-type="linenumber">73</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="3de550daa9bf35829dbeb9099844614347d2dbc5">
@@ -5460,35 +5442,35 @@
         <source>Collapse</source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-report/notebook-report.component.html</context>
-          <context context-type="linenumber">24</context>
+          <context context-type="linenumber">25</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="d5cec7468241d72cafd86ad1af6d55b09a6e3ae5">
         <source>Restore</source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-report/notebook-report.component.html</context>
-          <context context-type="linenumber">29</context>
+          <context context-type="linenumber">32</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="52c9a103b812f258bcddc3d90a6e3f46871d25fe">
         <source>Save</source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-report/notebook-report.component.html</context>
-          <context context-type="linenumber">53</context>
+          <context context-type="linenumber">55</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="044703276ff14d0a94f05154d5bc032872465a0d">
         <source>Saved <x equiv-text="{{ saveTime | amTimeAgo }}" id="INTERPOLATION"/></source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-report/notebook-report.component.html</context>
-          <context context-type="linenumber">57</context>
+          <context context-type="linenumber">59</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="70cfd60f574a2e5b823237ac05381d8d488e4c7c">
         <source> Team hasn't worked on <x equiv-text="{{ config.itemTypes.report.notes[0].title }}" id="INTERPOLATION"/> yet. </source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-report/notebook-report.component.html</context>
-          <context context-type="linenumber">73</context>
+          <context context-type="linenumber">75</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="85fd3b01ce1968fbd2304a0c598d4a5676e5da03">
@@ -6175,6 +6157,13 @@
           <context context-type="linenumber">30</context>
         </context-group>
       </trans-unit>
+      <trans-unit datatype="html" id="826b25211922a1b46436589233cb6f1a163d89b7">
+        <source>Delete</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/authoring-tool/edit-component-tags/edit-component-tags.component.html</context>
+          <context context-type="linenumber">38</context>
+        </context-group>
+      </trans-unit>
       <trans-unit datatype="html" id="2485299eb70909a6cfa961bfac54f062a220806c">
         <source>Component Width</source>
         <context-group purpose="location">
diff --git a/src/main/webapp/wise5/themes/default/style/author.css b/src/main/webapp/wise5/themes/default/style/author.css
index da5d400df7..2769d90dd3 100644
--- a/src/main/webapp/wise5/themes/default/style/author.css
+++ b/src/main/webapp/wise5/themes/default/style/author.css
@@ -1,2 +1,2 @@
-body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#7e57c2}blockquote{background-color:#fff;padding:8px;margin:16px 0;border:solid #7e57c2;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#7e57c2;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#7e57c2!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#fff}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#7e57c2;background-color:#fff}.primary{color:#7e57c2}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#fff}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#7e57c2}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#fff}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#7e57c2}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#fff}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav{background-color:#eee!important}.l-node{margin-top:42px;padding:0}@media only screen and (min-width:600px){.l-node{padding:0 0 16px;background-color:#eee!important}}@media only screen and (min-width:960px){.l-node{padding:0 0 32px}}.l-notebook{margin-top:42px;background-color:#eee!important}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#7e57c2}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#7e57c2}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#fff}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#7e57c2}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #7e57c2;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}notebook-launcher{position:absolute;bottom:24px;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}notebook-report{position:absolute;bottom:0;right:96px;transition:right .25s;z-index:3}@media only screen and (max-width:959px){notebook-report{left:8px;right:8px;top:8px;bottom:8px}}@media only screen and (min-width:960px){notebook-report.report-full{left:8px;right:8px;top:8px;bottom:8px}notebook-report.notes-visible{right:512px}}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block;position:relative;right:0}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#7e57c2}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#7e57c2}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
+body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#7e57c2}blockquote{background-color:#fff;padding:8px;margin:16px 0;border:solid #7e57c2;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#7e57c2;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#7e57c2!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#fff}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#7e57c2;background-color:#fff}.primary{color:#7e57c2}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#fff}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#7e57c2}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#fff}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#7e57c2}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#fff}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav{background-color:#eee!important}.l-node{margin-top:42px;padding:0}@media only screen and (min-width:600px){.l-node{padding:0 0 16px;background-color:#eee!important}}@media only screen and (min-width:960px){.l-node{padding:0 0 32px}}.l-notebook{margin-top:42px;background-color:#eee!important}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#7e57c2}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#7e57c2}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#fff}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#7e57c2}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #7e57c2;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}notebook-launcher{position:absolute;bottom:24px;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}notebook-report{position:absolute;bottom:0;right:96px;transition:right .25s;z-index:3}notebook-report.report-full{left:8px;right:8px;top:8px;bottom:8px}@media only screen and (min-width:960px){notebook-report.notes-visible{right:492px}}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.notebook-sidebar{width:300px;max-width:none}@media only screen and (min-width:600px){.notebook-sidebar{width:480px}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block;position:relative;right:0}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#7e57c2}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#7e57c2}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
 /*# sourceMappingURL=author.css.map */
diff --git a/src/main/webapp/wise5/themes/default/style/author.css.map b/src/main/webapp/wise5/themes/default/style/author.css.map
index c98dd0f74a..3ae68daa27 100644
--- a/src/main/webapp/wise5/themes/default/style/author.css.map
+++ b/src/main/webapp/wise5/themes/default/style/author.css.map
@@ -1 +1 @@
-{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config--author.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/author.css","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-node.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,qBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBEQoB,CFPpB,eAAgB,CAChB,cGlC8B,CHmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBExDsB,CF4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,qBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,qBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,UCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,qBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"author.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Authoring Tool Colors\n$_primary-color: #7e57c2; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 56%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: map-merge($color, $body-color);\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #7e57c2; }\n\nblockquote {\n  background-color: white;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #7e57c2;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #7e57c2;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #7e57c2 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: white; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #7e57c2;\n  background-color: white; }\n\n.primary {\n  color: #7e57c2; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: white; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #7e57c2; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: white; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #7e57c2; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: white; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-node {\n  margin-top: 42px;\n  padding: 0; }\n  @media only screen and (min-width: 600px) {\n    .l-node {\n      padding: 0 0 16px;\n      background-color: #eeeeee !important; } }\n  @media only screen and (min-width: 960px) {\n    .l-node {\n      padding: 0 0 32px; } }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #7e57c2; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #7e57c2; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: white;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #7e57c2; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #7e57c2;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px; }\n  @media only screen and (min-width: 600px) {\n    notebook-launcher.md-button.md-fab {\n      z-index: 61; } }\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: 96px;\n  transition: right 250ms;\n  z-index: 3; }\n  @media only screen and (max-width: 959px) {\n    notebook-report {\n      left: 8px;\n      right: 8px;\n      top: 8px;\n      bottom: 8px; } }\n  @media only screen and (min-width: 960px) {\n    notebook-report.report-full {\n      left: 8px;\n      right: 8px;\n      top: 8px;\n      bottom: 8px; }\n    notebook-report.notes-visible {\n      right: 512px; } }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n  position: relative;\n  right: 0; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #7e57c2; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #7e57c2; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-node {\n  margin-top: $wise-toolbar-height;\n  padding: 0;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    padding: 0 0 16px;\n    background-color: color('body-bg') !important;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 0 0 32px;\n  }\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 500px;\n$report-position-right: 96px;\n$report-full-gap: 8px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: $report-position-right;\n  transition: right 250ms;\n  z-index: 3;\n\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    left: $report-full-gap;\n    right: $report-full-gap;\n    top: $report-full-gap;\n    bottom: $report-full-gap\n  }\n  \n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    &.report-full {\n      left: $report-full-gap;\n      right: $report-full-gap;\n      top: $report-full-gap;\n      bottom: $report-full-gap\n    }\n\n    &.notes-visible {\n      right: $notebook-sidebar-width + 12;\n    }\n  }\n}\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block;\n}\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: color('gray');\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0;\n}\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255,255,255,0.95);\n  border-top: 1px solid color('gray-lighter');\n\n  &:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n  }\n}\n\n.notebook-item__content--text-only {\n  &:after {\n    content: \"note\";\n    font-family: 'Material Icons';\n    font-weight: normal;\n    font-style: normal;\n    display: inline-block;\n    line-height: 1;\n    text-transform: none;\n    letter-spacing: normal;\n    word-wrap: normal;\n    white-space: nowrap;\n    direction: ltr;\n\n    /* Support for all WebKit browsers. */\n    -webkit-font-smoothing: antialiased;\n    /* Support for Safari and Chrome. */\n    text-rendering: optimizeLegibility;\n\n    /* Support for Firefox. */\n    -moz-osx-font-smoothing: grayscale;\n\n    /* Support for IE. */\n    font-feature-settings: 'liga';\n    //position: absolute;\n    font-size: 80px;\n    color: color('text-disabled');\n  }\n}\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\";\n}\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0;\n\n  md-icon {\n    font-size: 22px;\n  }\n}\n\n.notebook-item__edit {\n  cursor: pointer;\n}\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: color('gray-darkest');\n  border-bottom-left-radius: $card-border-radius;\n  border-bottom-right-radius: $card-border-radius;\n\n  md-icon {\n    color: #ffffff;\n  }\n}\n\n.notebook-item__text-input {\n  margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.notebook-item__attachment {\n  background-color: color('gray-light');\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative;\n}\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto;\n}\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  // TODO: generalize for on item buttons like this (delete attachment, etc)\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0;\n\n  md-icon {\n    margin-left: -2px;\n    font-size: 22px;\n  }\n}\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: lighten(color('accent-1'), 5%);\n\n  a, md-icon {\n    color: lighten(color('accent-1'), 5%);\n  }\n\n  md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto;\n  }\n}\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: color('gray-lighter');\n  margin-bottom: 16px;\n  color: color('text-secondary');\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms;\n\n  md-icon, span {\n    transition: color 250ms;\n  }\n\n  &:hover, &:focus, &.dragover {\n    border-color: color('accent');\n    background-color: lighten(color('accent'), 35%);\n    color: color('accent');\n\n    md-icon, span {\n      color: color('accent');\n    }\n  }\n}\n\n.notebook-sidebar {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: $notebook-sidebar-width - 100;  \n    max-width: none;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    width: $notebook-sidebar-width;\n    max-width: none;\n  }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n  position: relative;\n  right: 0;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config--author.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/author.css","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-node.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,qBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBEQoB,CFPpB,eAAgB,CAChB,cGlC8B,CHmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBExDsB,CF4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,qBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,qBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,UCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,qBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"author.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Authoring Tool Colors\n$_primary-color: #7e57c2; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 56%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: map-merge($color, $body-color);\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #7e57c2; }\n\nblockquote {\n  background-color: white;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #7e57c2;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #7e57c2;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #7e57c2 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: white; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #7e57c2;\n  background-color: white; }\n\n.primary {\n  color: #7e57c2; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: white; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #7e57c2; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: white; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #7e57c2; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: white; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-node {\n  margin-top: 42px;\n  padding: 0; }\n  @media only screen and (min-width: 600px) {\n    .l-node {\n      padding: 0 0 16px;\n      background-color: #eeeeee !important; } }\n  @media only screen and (min-width: 960px) {\n    .l-node {\n      padding: 0 0 32px; } }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #7e57c2; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #7e57c2; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: white;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #7e57c2; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #7e57c2;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px; }\n  @media only screen and (min-width: 600px) {\n    notebook-launcher.md-button.md-fab {\n      z-index: 61; } }\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: 96px;\n  transition: right 250ms;\n  z-index: 3; }\n  notebook-report.report-full {\n    left: 8px;\n    right: 8px;\n    top: 8px;\n    bottom: 8px; }\n  @media only screen and (min-width: 960px) {\n    notebook-report.notes-visible {\n      right: 492px; } }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.notebook-sidebar {\n  width: 300px;\n  max-width: none; }\n  @media only screen and (min-width: 600px) {\n    .notebook-sidebar {\n      width: 480px; } }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n  position: relative;\n  right: 0; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #7e57c2; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #7e57c2; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-node {\n  margin-top: $wise-toolbar-height;\n  padding: 0;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    padding: 0 0 16px;\n    background-color: color('body-bg') !important;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 0 0 32px;\n  }\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 480px;\n$report-position-right: 96px;\n$report-full-gap: 8px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: $report-position-right;\n  transition: right 250ms;\n  z-index: 3;\n\n  &.report-full {\n    left: $report-full-gap;\n    right: $report-full-gap;\n    top: $report-full-gap;\n    bottom: $report-full-gap\n  }\n  \n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    &.notes-visible {\n      right: $notebook-sidebar-width + 12;\n    }\n  }\n}\n\n.notebook-item__text-input {\n  margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.notebook-item__attachment {\n  background-color: color('gray-light');\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative;\n}\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto;\n}\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  // TODO: generalize for on item buttons like this (delete attachment, etc)\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0;\n\n  md-icon {\n    margin-left: -2px;\n    font-size: 22px;\n  }\n}\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: lighten(color('accent-1'), 5%);\n\n  a, md-icon {\n    color: lighten(color('accent-1'), 5%);\n  }\n\n  md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto;\n  }\n}\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: color('gray-lighter');\n  margin-bottom: 16px;\n  color: color('text-secondary');\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms;\n\n  md-icon, span {\n    transition: color 250ms;\n  }\n\n  &:hover, &:focus, &.dragover {\n    border-color: color('accent');\n    background-color: lighten(color('accent'), 35%);\n    color: color('accent');\n\n    md-icon, span {\n      color: color('accent');\n    }\n  }\n}\n\n.notebook-sidebar {\n  width: $notebook-sidebar-width - 180;  \n  max-width: none;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: $notebook-sidebar-width;\n  }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n  position: relative;\n  right: 0;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
diff --git a/src/main/webapp/wise5/themes/default/style/modules/_notebook.scss b/src/main/webapp/wise5/themes/default/style/modules/_notebook.scss
index cf031609dc..85e07e0b3a 100644
--- a/src/main/webapp/wise5/themes/default/style/modules/_notebook.scss
+++ b/src/main/webapp/wise5/themes/default/style/modules/_notebook.scss
@@ -1,5 +1,5 @@
 // Variables
-$notebook-sidebar-width: 500px;
+$notebook-sidebar-width: 480px;
 $report-position-right: 96px;
 $report-full-gap: 8px;
 
@@ -23,7 +23,7 @@ notebook-report {
   transition: right 250ms;
   z-index: 3;
 
-  @media only screen and (max-width: $layout-breakpoint-sm - 1) {
+  &.report-full {
     left: $report-full-gap;
     right: $report-full-gap;
     top: $report-full-gap;
@@ -31,133 +31,12 @@ notebook-report {
   }
   
   @media only screen and (min-width: $layout-breakpoint-sm) {
-    &.report-full {
-      left: $report-full-gap;
-      right: $report-full-gap;
-      top: $report-full-gap;
-      bottom: $report-full-gap
-    }
-
     &.notes-visible {
       right: $notebook-sidebar-width + 12;
     }
   }
 }
 
-.notebook-item {
-  transition: box-shadow 250ms;
-  margin: 0 16px 16px;
-  display: block;
-}
-
-.notebook-item__content {
-  height: 250px;
-  min-width: 230px;
-  position: relative;
-  padding: 0;
-  background-color: color('gray');
-  border-top-left-radius: $card-border-radius;
-  border-top-right-radius: $card-border-radius;
-}
-
-.notebook-item__content__attachment, .notebook-item__content__text {
-  position: absolute;
-  left: 0;
-  right: 0;
-}
-
-.notebook-item__content__attachment {
-  background-repeat: no-repeat !important;
-  border-top-left-radius: $card-border-radius;
-  border-top-right-radius: $card-border-radius;
-  background-position: center top !important;
-  background-size: cover !important;
-  top: 0;
-  bottom: 0;
-}
-
-.notebook-item__content__text {
-  bottom: 0;
-  padding: 8px;
-  font-weight: 500;
-  overflow: hidden;
-  max-height: 120px;
-  min-height: 56px;
-  background-color: rgba(255,255,255,0.95);
-  border-top: 1px solid color('gray-lighter');
-
-  &:after {
-    content: "";
-    text-align: right;
-    position: absolute;
-    bottom: 0;
-    right: 0;
-    width: 100%;
-    height: 0.8em;
-    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);
-  }
-}
-
-.notebook-item__content--text-only {
-  &:after {
-    content: "note";
-    font-family: 'Material Icons';
-    font-weight: normal;
-    font-style: normal;
-    display: inline-block;
-    line-height: 1;
-    text-transform: none;
-    letter-spacing: normal;
-    word-wrap: normal;
-    white-space: nowrap;
-    direction: ltr;
-
-    /* Support for all WebKit browsers. */
-    -webkit-font-smoothing: antialiased;
-    /* Support for Safari and Chrome. */
-    text-rendering: optimizeLegibility;
-
-    /* Support for Firefox. */
-    -moz-osx-font-smoothing: grayscale;
-
-    /* Support for IE. */
-    font-feature-settings: 'liga';
-    //position: absolute;
-    font-size: 80px;
-    color: color('text-disabled');
-  }
-}
-
-.notebook-item--question__content--text-only {
-  content: "live_help";
-}
-
-.notebook-item__content__location {
-  opacity: 0.9;
-  padding: 8px 0;
-
-  md-icon {
-    font-size: 22px;
-  }
-}
-
-.notebook-item__edit {
-  cursor: pointer;
-}
-
-.notebook-item__actions {
-  margin: 0;
-  padding: 0 8px;
-  color: #ffffff;
-  background-color: color('gray-darkest');
-  border-bottom-left-radius: $card-border-radius;
-  border-bottom-right-radius: $card-border-radius;
-
-  md-icon {
-    color: #ffffff;
-  }
-}
-
 .notebook-item__text-input {
   margin: 0;
 }
@@ -238,14 +117,11 @@ notebook-report {
 }
 
 .notebook-sidebar {
-  @media only screen and (min-width: $layout-breakpoint-xs) {
-    width: $notebook-sidebar-width - 100;  
-    max-width: none;
-  }
+  width: $notebook-sidebar-width - 180;  
+  max-width: none;
 
-  @media only screen and (min-width: $layout-breakpoint-sm) {
+  @media only screen and (min-width: $layout-breakpoint-xs) {
     width: $notebook-sidebar-width;
-    max-width: none;
   }
 }
 
diff --git a/src/main/webapp/wise5/themes/default/style/monitor.css b/src/main/webapp/wise5/themes/default/style/monitor.css
index 03c3bc921f..06bf0b1a5b 100644
--- a/src/main/webapp/wise5/themes/default/style/monitor.css
+++ b/src/main/webapp/wise5/themes/default/style/monitor.css
@@ -1,2 +1,2 @@
-body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1565c0}blockquote{background-color:#f5f9fe;padding:8px;margin:16px 0;border:solid #1565c0;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1565c0;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1565c0!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#ecf4fd}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#1565c0;background-color:#ecf4fd}.primary{color:#1565c0}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#ecf4fd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1565c0}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#ecf4fd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1565c0}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#ecf4fd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav,.l-notebook{background-color:#eee!important}.l-notebook{margin-top:42px}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;transition:opacity .25s ease-in-out}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1565c0}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1565c0}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}.milestone{min-width:196px;width:196px;height:242px;background-color:#fff;padding:0}.milestone.md-button{text-transform:none}.milestone__progress{background-color:#eee;border-radius:50%;position:relative;margin-bottom:12px}.milestone__progress__percent{position:absolute;top:8px;bottom:8px;left:8px;right:8px;border-radius:50%;background-color:#fff;color:#1565c0;font-size:28px;font-weight:500}.milestone__title{font-weight:700;font-size:15px;margin-bottom:12px}.milestone-details section:not(:first-child){margin-top:8px}.milestone-details__section{background-color:#fff;padding:16px}.milestone-details__section>p{margin-top:16px;margin-bottom:0}.milestone-details__section .grading,.milestone-details__section md-list{padding:0}.milestone-details__header{padding:12px 16px;margin:-16px -16px 16px;text-transform:uppercase;font-weight:500}.milestone-details__progress{width:48px;margin-right:8px}.milestone--add.md-button{text-transform:uppercase}.milestone--add__icon{height:96px;width:96px;background-color:#eee;border-radius:50%}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#ecf4fd}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.student-select{padding-top:0;padding-bottom:0}.workgroup-progress{margin-bottom:8px}@media (min-width:960px){.workgroup-progress{margin-bottom:0}}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1565c0}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #1565c0;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}.grading__item-container{margin:0 0 16px;padding:0!important}.grading__item{background-color:#fff}.grading__item .component{padding:0}notebook-launcher{position:absolute;bottom:24px;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}notebook-report{position:absolute;bottom:0;right:96px;transition:right .25s;z-index:3}@media only screen and (max-width:959px){notebook-report{left:8px;right:8px;top:8px;bottom:8px}}@media only screen and (min-width:960px){notebook-report.report-full{left:8px;right:8px;top:8px;bottom:8px}notebook-report.notes-visible{right:512px}}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block;position:relative;right:0}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.annotations--grading md-input-container{margin-bottom:0}.annotations--grading .md-errors-spacer{display:none}.annotations--grading input:focus,.annotations--grading textarea:focus{background-color:#fff}.annotations--grading input:disabled,.annotations--grading textarea:disabled{color:rgba(0,0,0,.87)}.annotations--grading--revision{margin:8px 0 0;padding:8px}.annotations--notebook{margin-top:16px}.annotations--grading__info{font-style:italic;margin:8px 8px 4px}.annotations--grading__item{padding:8px}.annotations--grading__score input{margin-top:0!important;font-size:18px;width:52px;text-align:center}.annotations--grading__score__label{transform:none!important;width:auto;display:block;padding:0;margin:0 8px 0 0}.annotations--grading__score__max label{display:none}.annotations--grading__score__divider{position:relative;top:12px;margin-left:4px}.annotations--grading__auto-comment{margin:0 2px}.annotations--grading__auto-comment__content{margin-top:8px}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.component--grading{padding:0;margin:0}.component--grading:not(:last-child)>div{border-bottom:1px solid #ddd}.component--grading .component__wrapper{padding:0;margin:0}.component--grading .component__content{padding:16px;margin:0}.component--grading__response{padding-bottom:16px}@media only screen and (min-width:960px){.component--grading__response{padding-right:16px;padding-bottom:0}}.component--grading__response__content{overflow:auto}.component--grading__annotations{background-color:#ecf4fd}.component--grading__annotations__divider{padding:4px;background-color:#fff}.component--grading__actions__info{margin:16px 0 0;padding-top:8px;border-top:1px solid #eee}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#1565c0}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#1565c0}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.component-revisions .component{padding:0;margin:0}.component-revisions .component__content{padding:0}.component-revisions .component__wrapper{margin:16px 0}.component-revisions .md-resize-handle{display:none}.component-revisions__item,md-list-item.component-revisions__item{padding:0}.component-revisions__item--latest{margin-bottom:24px}.component-revisions__annotation-label{margin-right:8px}.component-revisions__has-auto-and-teacher{padding-top:8px;margin-top:8px;border-top:1px solid #ddd}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
+body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1565c0}blockquote{background-color:#f5f9fe;padding:8px;margin:16px 0;border:solid #1565c0;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1565c0;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1565c0!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#ecf4fd}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#1565c0;background-color:#ecf4fd}.primary{color:#1565c0}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#ecf4fd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1565c0}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#ecf4fd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1565c0}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#ecf4fd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav,.l-notebook{background-color:#eee!important}.l-notebook{margin-top:42px}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;transition:opacity .25s ease-in-out}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1565c0}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1565c0}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}.milestone{min-width:196px;width:196px;height:242px;background-color:#fff;padding:0}.milestone.md-button{text-transform:none}.milestone__progress{background-color:#eee;border-radius:50%;position:relative;margin-bottom:12px}.milestone__progress__percent{position:absolute;top:8px;bottom:8px;left:8px;right:8px;border-radius:50%;background-color:#fff;color:#1565c0;font-size:28px;font-weight:500}.milestone__title{font-weight:700;font-size:15px;margin-bottom:12px}.milestone-details section:not(:first-child){margin-top:8px}.milestone-details__section{background-color:#fff;padding:16px}.milestone-details__section>p{margin-top:16px;margin-bottom:0}.milestone-details__section .grading,.milestone-details__section md-list{padding:0}.milestone-details__header{padding:12px 16px;margin:-16px -16px 16px;text-transform:uppercase;font-weight:500}.milestone-details__progress{width:48px;margin-right:8px}.milestone--add.md-button{text-transform:uppercase}.milestone--add__icon{height:96px;width:96px;background-color:#eee;border-radius:50%}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#ecf4fd}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.student-select{padding-top:0;padding-bottom:0}.workgroup-progress{margin-bottom:8px}@media (min-width:960px){.workgroup-progress{margin-bottom:0}}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1565c0}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #1565c0;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}.grading__item-container{margin:0 0 16px;padding:0!important}.grading__item{background-color:#fff}.grading__item .component{padding:0}notebook-launcher{position:absolute;bottom:24px;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}notebook-report{position:absolute;bottom:0;right:96px;transition:right .25s;z-index:3}notebook-report.report-full{left:8px;right:8px;top:8px;bottom:8px}@media only screen and (min-width:960px){notebook-report.notes-visible{right:492px}}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.notebook-sidebar{width:300px;max-width:none}@media only screen and (min-width:600px){.notebook-sidebar{width:480px}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block;position:relative;right:0}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.annotations--grading md-input-container{margin-bottom:0}.annotations--grading .md-errors-spacer{display:none}.annotations--grading input:focus,.annotations--grading textarea:focus{background-color:#fff}.annotations--grading input:disabled,.annotations--grading textarea:disabled{color:rgba(0,0,0,.87)}.annotations--grading--revision{margin:8px 0 0;padding:8px}.annotations--notebook{margin-top:16px}.annotations--grading__info{font-style:italic;margin:8px 8px 4px}.annotations--grading__item{padding:8px}.annotations--grading__score input{margin-top:0!important;font-size:18px;width:52px;text-align:center}.annotations--grading__score__label{transform:none!important;width:auto;display:block;padding:0;margin:0 8px 0 0}.annotations--grading__score__max label{display:none}.annotations--grading__score__divider{position:relative;top:12px;margin-left:4px}.annotations--grading__auto-comment{margin:0 2px}.annotations--grading__auto-comment__content{margin-top:8px}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.component--grading{padding:0;margin:0}.component--grading:not(:last-child)>div{border-bottom:1px solid #ddd}.component--grading .component__wrapper{padding:0;margin:0}.component--grading .component__content{padding:16px;margin:0}.component--grading__response{padding-bottom:16px}@media only screen and (min-width:960px){.component--grading__response{padding-right:16px;padding-bottom:0}}.component--grading__response__content{overflow:auto}.component--grading__annotations{background-color:#ecf4fd}.component--grading__annotations__divider{padding:4px;background-color:#fff}.component--grading__actions__info{margin:16px 0 0;padding-top:8px;border-top:1px solid #eee}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#1565c0}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#1565c0}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.component-revisions .component{padding:0;margin:0}.component-revisions .component__content{padding:0}.component-revisions .component__wrapper{margin:16px 0}.component-revisions .md-resize-handle{display:none}.component-revisions__item,md-list-item.component-revisions__item{padding:0}.component-revisions__item--latest{margin-bottom:24px}.component-revisions__annotation-label{margin-right:8px}.component-revisions__has-auto-and-teacher{padding-top:8px;margin-top:8px;border-top:1px solid #ddd}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
 /*# sourceMappingURL=monitor.css.map */
diff --git a/src/main/webapp/wise5/themes/default/style/monitor.css.map b/src/main/webapp/wise5/themes/default/style/monitor.css.map
index b947ae6a78..761a4b42eb 100644
--- a/src/main/webapp/wise5/themes/default/style/monitor.css.map
+++ b/src/main/webapp/wise5/themes/default/style/monitor.css.map
@@ -1 +1 @@
-{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config--monitor.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/monitor.css","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dragula.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_milestones.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_nav--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_grading.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_component--revisions.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,wBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBEQoB,CFPpB,eAAgB,CAChB,cGlC8B,CHmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBExDsB,CF4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,wBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,wBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,aCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,wBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"monitor.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Classroom Monitor Colors\n$_primary-color: #1565c0; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 54%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: map-merge($color, $body-color);\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #1565c0; }\n\nblockquote {\n  background-color: #f5f9fe;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1565c0;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #1565c0;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1565c0 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: #ecf4fd; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1565c0;\n  background-color: #ecf4fd; }\n\n.primary {\n  color: #1565c0; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: #ecf4fd; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #1565c0; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: #ecf4fd; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #1565c0; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: #ecf4fd; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out; }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1565c0; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #1565c0; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n.milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0; }\n  .milestone.md-button {\n    text-transform: none; }\n\n.milestone__progress {\n  background-color: #eeeeee;\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px; }\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: #1565c0;\n  font-size: 28px;\n  font-weight: 500; }\n\n.milestone__title {\n  font-weight: 700;\n  font-size: 15px;\n  margin-bottom: 12px; }\n\n.milestone-details section:not(:first-child) {\n  margin-top: 8px; }\n\n.milestone-details__section {\n  background-color: #ffffff;\n  padding: 16px; }\n  .milestone-details__section > p {\n    margin-top: 16px;\n    margin-bottom: 0; }\n  .milestone-details__section md-list {\n    padding: 0; }\n  .milestone-details__section .grading {\n    padding: 0; }\n\n.milestone-details__header {\n  padding: 12px 16px;\n  margin: -16px -16px 16px;\n  text-transform: uppercase;\n  font-weight: 500; }\n\n.milestone-details__progress {\n  width: 48px;\n  margin-right: 8px; }\n\n.milestone--add.md-button {\n  text-transform: uppercase; }\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: #eeeeee;\n  border-radius: 50%; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: #ecf4fd;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.student-select {\n  padding-top: 0;\n  padding-bottom: 0; }\n\n.workgroup-progress {\n  margin-bottom: 8px; }\n  @media (min-width: 960px) {\n    .workgroup-progress {\n      margin-bottom: 0; } }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1565c0; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #1565c0;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important; }\n\n.grading__item {\n  background-color: #ffffff; }\n  .grading__item .component {\n    padding: 0; }\n\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px; }\n  @media only screen and (min-width: 600px) {\n    notebook-launcher.md-button.md-fab {\n      z-index: 61; } }\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: 96px;\n  transition: right 250ms;\n  z-index: 3; }\n  @media only screen and (max-width: 959px) {\n    notebook-report {\n      left: 8px;\n      right: 8px;\n      top: 8px;\n      bottom: 8px; } }\n  @media only screen and (min-width: 960px) {\n    notebook-report.report-full {\n      left: 8px;\n      right: 8px;\n      top: 8px;\n      bottom: 8px; }\n    notebook-report.notes-visible {\n      right: 512px; } }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n  position: relative;\n  right: 0; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.annotations--grading md-input-container {\n  margin-bottom: 0; }\n\n.annotations--grading .md-errors-spacer {\n  display: none; }\n\n.annotations--grading input:focus, .annotations--grading textarea:focus {\n  background-color: #ffffff; }\n\n.annotations--grading input:disabled, .annotations--grading textarea:disabled {\n  color: rgba(0, 0, 0, 0.87); }\n\n.annotations--grading--revision {\n  margin: 8px 0 0;\n  padding: 8px; }\n\n.annotations--notebook {\n  margin-top: 16px; }\n\n.annotations--grading__info {\n  font-style: italic;\n  margin: 8px 8px 4px; }\n\n.annotations--grading__item {\n  padding: 8px; }\n\n.annotations--grading__score input {\n  margin-top: 0 !important;\n  font-size: 18px;\n  width: 52px;\n  text-align: center; }\n\n.annotations--grading__score__label {\n  transform: none !important;\n  width: auto;\n  display: block;\n  padding: 0;\n  margin: 0 8px 0 0; }\n\n.annotations--grading__score__max label {\n  display: none; }\n\n.annotations--grading__score__divider {\n  position: relative;\n  top: 12px;\n  margin-left: 4px; }\n\n.annotations--grading__auto-comment {\n  margin: 0 2px; }\n\n.annotations--grading__auto-comment__content {\n  margin-top: 8px; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.component--grading {\n  padding: 0;\n  margin: 0; }\n  .component--grading:not(:last-child) > div {\n    border-bottom: 1px solid #dddddd; }\n  .component--grading .component__wrapper {\n    padding: 0;\n    margin: 0; }\n  .component--grading .component__content {\n    padding: 16px;\n    margin: 0; }\n\n.component--grading__response {\n  padding-bottom: 16px; }\n  @media only screen and (min-width: 960px) {\n    .component--grading__response {\n      padding-right: 16px;\n      padding-bottom: 0; } }\n\n.component--grading__response__content {\n  overflow: auto; }\n\n.component--grading__annotations {\n  background-color: #ecf4fd; }\n\n.component--grading__annotations__divider {\n  padding: 4px;\n  background-color: #ffffff; }\n\n.component--grading__actions__info {\n  margin: 16px 0 0;\n  padding-top: 8px;\n  border-top: 1px solid #eeeeee; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #1565c0; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #1565c0; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.component-revisions .component {\n  padding: 0;\n  margin: 0; }\n\n.component-revisions .component__content {\n  padding: 0; }\n\n.component-revisions .component__wrapper {\n  margin: 16px 0; }\n\n.component-revisions .md-resize-handle {\n  display: none; }\n\n.component-revisions__item, md-list-item.component-revisions__item {\n  padding: 0; }\n\n.component-revisions__item--latest {\n  margin-bottom: 24px; }\n\n.component-revisions__annotation-label {\n  margin-right: 8px; }\n\n.component-revisions__has-auto-and-teacher {\n  padding-top: 8px;\n  margin-top: 8px;\n  border-top: 1px solid #dddddd; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n",".gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out;\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}",".milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0;\n\n  &.md-button {\n    text-transform: none;\n  }\n}\n\n.milestone__progress {\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px;\n}\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: color('primary');\n  font-size: rem(2.8);\n  font-weight: 500;\n}\n\n.milestone__title {\n  font-weight: 700;\n  font-size: $body-font-size-base;\n  margin-bottom: 12px;\n}\n\n.milestone-details {\n  section {\n    &:not(:first-child) {\n      margin-top: 8px;\n    }\n  }\n}\n\n.milestone-details__section {\n  background-color: #ffffff;\n  padding: 16px;\n\n  > p {\n    margin-top: 16px;\n    margin-bottom: 0;\n  }\n\n  md-list {\n    padding: 0;\n  }\n\n  .grading {\n    padding: 0;\n  }\n}\n\n.milestone-details__header {\n  padding: 12px 16px;\n  margin: -16px -16px 16px;\n  text-transform: uppercase;\n  font-weight: 500;\n}\n\n.milestone-details__progress {\n  width: 48px;\n  margin-right: 8px;\n}\n\n.milestone--add {\n  &.md-button {\n    text-transform: uppercase;\n  }\n}\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".student-select {\n    padding-top: 0;\n    padding-bottom: 0;\n}\n\n.workgroup-progress {\n    margin-bottom: 8px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        margin-bottom: 0;\n    }\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n",".grading {\n}\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important;\n}\n\n.grading__item {\n  background-color: #ffffff;\n\n  .component {\n    padding: 0;\n  }\n}\n","// Variables\n$notebook-sidebar-width: 500px;\n$report-position-right: 96px;\n$report-full-gap: 8px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: $report-position-right;\n  transition: right 250ms;\n  z-index: 3;\n\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    left: $report-full-gap;\n    right: $report-full-gap;\n    top: $report-full-gap;\n    bottom: $report-full-gap\n  }\n  \n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    &.report-full {\n      left: $report-full-gap;\n      right: $report-full-gap;\n      top: $report-full-gap;\n      bottom: $report-full-gap\n    }\n\n    &.notes-visible {\n      right: $notebook-sidebar-width + 12;\n    }\n  }\n}\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block;\n}\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: color('gray');\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0;\n}\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255,255,255,0.95);\n  border-top: 1px solid color('gray-lighter');\n\n  &:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n  }\n}\n\n.notebook-item__content--text-only {\n  &:after {\n    content: \"note\";\n    font-family: 'Material Icons';\n    font-weight: normal;\n    font-style: normal;\n    display: inline-block;\n    line-height: 1;\n    text-transform: none;\n    letter-spacing: normal;\n    word-wrap: normal;\n    white-space: nowrap;\n    direction: ltr;\n\n    /* Support for all WebKit browsers. */\n    -webkit-font-smoothing: antialiased;\n    /* Support for Safari and Chrome. */\n    text-rendering: optimizeLegibility;\n\n    /* Support for Firefox. */\n    -moz-osx-font-smoothing: grayscale;\n\n    /* Support for IE. */\n    font-feature-settings: 'liga';\n    //position: absolute;\n    font-size: 80px;\n    color: color('text-disabled');\n  }\n}\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\";\n}\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0;\n\n  md-icon {\n    font-size: 22px;\n  }\n}\n\n.notebook-item__edit {\n  cursor: pointer;\n}\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: color('gray-darkest');\n  border-bottom-left-radius: $card-border-radius;\n  border-bottom-right-radius: $card-border-radius;\n\n  md-icon {\n    color: #ffffff;\n  }\n}\n\n.notebook-item__text-input {\n  margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.notebook-item__attachment {\n  background-color: color('gray-light');\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative;\n}\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto;\n}\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  // TODO: generalize for on item buttons like this (delete attachment, etc)\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0;\n\n  md-icon {\n    margin-left: -2px;\n    font-size: 22px;\n  }\n}\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: lighten(color('accent-1'), 5%);\n\n  a, md-icon {\n    color: lighten(color('accent-1'), 5%);\n  }\n\n  md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto;\n  }\n}\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: color('gray-lighter');\n  margin-bottom: 16px;\n  color: color('text-secondary');\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms;\n\n  md-icon, span {\n    transition: color 250ms;\n  }\n\n  &:hover, &:focus, &.dragover {\n    border-color: color('accent');\n    background-color: lighten(color('accent'), 35%);\n    color: color('accent');\n\n    md-icon, span {\n      color: color('accent');\n    }\n  }\n}\n\n.notebook-sidebar {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: $notebook-sidebar-width - 100;  \n    max-width: none;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    width: $notebook-sidebar-width;\n    max-width: none;\n  }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n  position: relative;\n  right: 0;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".annotations--grading {\n    md-input-container {\n        margin-bottom: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n\n    input, textarea {\n        //border-width: 0;\n        //background-color: color('text-light-secondary');\n\n        &:focus {\n            background-color: #ffffff;\n        }\n\n        &:disabled {\n            color: color('text');\n        }\n    }\n}\n\n.annotations--grading--revision {\n    margin: 8px 0 0;\n    padding: 8px;\n}\n\n.annotations--notebook {\n    margin-top: 16px;;\n}\n\n.annotations--grading__info {\n    font-style: italic;\n    margin: 8px 8px 4px;\n}\n\n.annotations--grading__item {\n    padding: 8px;\n}\n\n.annotations--grading__score {\n    input {\n        margin-top: 0 !important;\n        font-size: rem(1.8);\n        width: 52px;\n        text-align: center;\n    }\n}\n\n.annotations--grading__score__label {\n    transform: none !important;\n    width: auto;\n    display: block;\n    padding: 0;\n    margin: 0 8px 0 0;\n}\n\n.annotations--grading__score__max {\n    label {\n        display: none;\n    }\n}\n\n.annotations--grading__score__divider {\n    position: relative;\n    top: 12px;\n    margin-left: 4px;\n}\n\n.annotations--grading__auto-comment {\n    margin: 0 2px;\n}\n\n.annotations--grading__auto-comment__content {\n    margin-top: 8px;\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".component--grading {\n    padding: 0;\n    margin: 0;\n\n    &:not(:last-child) {\n        > div {\n            border-bottom: 1px solid color('gray-light');\n        }\n    }\n\n    .component__wrapper {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 16px;\n        margin: 0;\n    }\n}\n\n.component--grading__response {\n    padding-bottom: 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding-right: 16px;\n        padding-bottom: 0;\n    }\n}\n\n.component--grading__response__content {\n    overflow: auto;\n}\n\n.component--grading__annotations {\n    background-color: color('selected-bg');\n}\n\n.component--grading__annotations__divider {\n    padding: 4px;\n    background-color: #ffffff;\n}\n\n.component--grading__actions__info {\n    margin: 16px 0 0;\n    padding-top: 8px;\n    border-top: 1px solid color('gray-lighter');\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".component-revisions {\n    .component {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 0;\n    }\n\n    .component__wrapper {\n        margin: 16px 0;\n    }\n\n    .md-resize-handle {\n        display: none;\n    }\n}\n\n.component-revisions__item, md-list-item.component-revisions__item {\n    padding: 0;\n}\n\n.component-revisions__item--latest {\n    margin-bottom: 24px;\n}\n\n.component-revisions__item__text {\n\n}\n\n.component-revisions__annotation-label {\n    margin-right: 8px;\n}\n\n.component-revisions__has-auto-and-teacher {\n    padding-top: 8px;\n    margin-top: 8px;\n    border-top: 1px solid color('gray-light');\n}\n",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config--monitor.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/monitor.css","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dragula.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_milestones.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_nav--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_grading.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_component--revisions.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,wBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBEQoB,CFPpB,eAAgB,CAChB,cGlC8B,CHmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBExDsB,CF4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,wBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,wBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,aCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,wBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"monitor.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Classroom Monitor Colors\n$_primary-color: #1565c0; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 54%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: map-merge($color, $body-color);\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #1565c0; }\n\nblockquote {\n  background-color: #f5f9fe;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1565c0;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #1565c0;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1565c0 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: #ecf4fd; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1565c0;\n  background-color: #ecf4fd; }\n\n.primary {\n  color: #1565c0; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: #ecf4fd; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #1565c0; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: #ecf4fd; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #1565c0; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: #ecf4fd; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out; }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1565c0; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #1565c0; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n.milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0; }\n  .milestone.md-button {\n    text-transform: none; }\n\n.milestone__progress {\n  background-color: #eeeeee;\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px; }\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: #1565c0;\n  font-size: 28px;\n  font-weight: 500; }\n\n.milestone__title {\n  font-weight: 700;\n  font-size: 15px;\n  margin-bottom: 12px; }\n\n.milestone-details section:not(:first-child) {\n  margin-top: 8px; }\n\n.milestone-details__section {\n  background-color: #ffffff;\n  padding: 16px; }\n  .milestone-details__section > p {\n    margin-top: 16px;\n    margin-bottom: 0; }\n  .milestone-details__section md-list {\n    padding: 0; }\n  .milestone-details__section .grading {\n    padding: 0; }\n\n.milestone-details__header {\n  padding: 12px 16px;\n  margin: -16px -16px 16px;\n  text-transform: uppercase;\n  font-weight: 500; }\n\n.milestone-details__progress {\n  width: 48px;\n  margin-right: 8px; }\n\n.milestone--add.md-button {\n  text-transform: uppercase; }\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: #eeeeee;\n  border-radius: 50%; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: #ecf4fd;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.student-select {\n  padding-top: 0;\n  padding-bottom: 0; }\n\n.workgroup-progress {\n  margin-bottom: 8px; }\n  @media (min-width: 960px) {\n    .workgroup-progress {\n      margin-bottom: 0; } }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1565c0; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #1565c0;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important; }\n\n.grading__item {\n  background-color: #ffffff; }\n  .grading__item .component {\n    padding: 0; }\n\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px; }\n  @media only screen and (min-width: 600px) {\n    notebook-launcher.md-button.md-fab {\n      z-index: 61; } }\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: 96px;\n  transition: right 250ms;\n  z-index: 3; }\n  notebook-report.report-full {\n    left: 8px;\n    right: 8px;\n    top: 8px;\n    bottom: 8px; }\n  @media only screen and (min-width: 960px) {\n    notebook-report.notes-visible {\n      right: 492px; } }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.notebook-sidebar {\n  width: 300px;\n  max-width: none; }\n  @media only screen and (min-width: 600px) {\n    .notebook-sidebar {\n      width: 480px; } }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n  position: relative;\n  right: 0; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.annotations--grading md-input-container {\n  margin-bottom: 0; }\n\n.annotations--grading .md-errors-spacer {\n  display: none; }\n\n.annotations--grading input:focus, .annotations--grading textarea:focus {\n  background-color: #ffffff; }\n\n.annotations--grading input:disabled, .annotations--grading textarea:disabled {\n  color: rgba(0, 0, 0, 0.87); }\n\n.annotations--grading--revision {\n  margin: 8px 0 0;\n  padding: 8px; }\n\n.annotations--notebook {\n  margin-top: 16px; }\n\n.annotations--grading__info {\n  font-style: italic;\n  margin: 8px 8px 4px; }\n\n.annotations--grading__item {\n  padding: 8px; }\n\n.annotations--grading__score input {\n  margin-top: 0 !important;\n  font-size: 18px;\n  width: 52px;\n  text-align: center; }\n\n.annotations--grading__score__label {\n  transform: none !important;\n  width: auto;\n  display: block;\n  padding: 0;\n  margin: 0 8px 0 0; }\n\n.annotations--grading__score__max label {\n  display: none; }\n\n.annotations--grading__score__divider {\n  position: relative;\n  top: 12px;\n  margin-left: 4px; }\n\n.annotations--grading__auto-comment {\n  margin: 0 2px; }\n\n.annotations--grading__auto-comment__content {\n  margin-top: 8px; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.component--grading {\n  padding: 0;\n  margin: 0; }\n  .component--grading:not(:last-child) > div {\n    border-bottom: 1px solid #dddddd; }\n  .component--grading .component__wrapper {\n    padding: 0;\n    margin: 0; }\n  .component--grading .component__content {\n    padding: 16px;\n    margin: 0; }\n\n.component--grading__response {\n  padding-bottom: 16px; }\n  @media only screen and (min-width: 960px) {\n    .component--grading__response {\n      padding-right: 16px;\n      padding-bottom: 0; } }\n\n.component--grading__response__content {\n  overflow: auto; }\n\n.component--grading__annotations {\n  background-color: #ecf4fd; }\n\n.component--grading__annotations__divider {\n  padding: 4px;\n  background-color: #ffffff; }\n\n.component--grading__actions__info {\n  margin: 16px 0 0;\n  padding-top: 8px;\n  border-top: 1px solid #eeeeee; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #1565c0; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #1565c0; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.component-revisions .component {\n  padding: 0;\n  margin: 0; }\n\n.component-revisions .component__content {\n  padding: 0; }\n\n.component-revisions .component__wrapper {\n  margin: 16px 0; }\n\n.component-revisions .md-resize-handle {\n  display: none; }\n\n.component-revisions__item, md-list-item.component-revisions__item {\n  padding: 0; }\n\n.component-revisions__item--latest {\n  margin-bottom: 24px; }\n\n.component-revisions__annotation-label {\n  margin-right: 8px; }\n\n.component-revisions__has-auto-and-teacher {\n  padding-top: 8px;\n  margin-top: 8px;\n  border-top: 1px solid #dddddd; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n",".gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out;\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}",".milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0;\n\n  &.md-button {\n    text-transform: none;\n  }\n}\n\n.milestone__progress {\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px;\n}\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: color('primary');\n  font-size: rem(2.8);\n  font-weight: 500;\n}\n\n.milestone__title {\n  font-weight: 700;\n  font-size: $body-font-size-base;\n  margin-bottom: 12px;\n}\n\n.milestone-details {\n  section {\n    &:not(:first-child) {\n      margin-top: 8px;\n    }\n  }\n}\n\n.milestone-details__section {\n  background-color: #ffffff;\n  padding: 16px;\n\n  > p {\n    margin-top: 16px;\n    margin-bottom: 0;\n  }\n\n  md-list {\n    padding: 0;\n  }\n\n  .grading {\n    padding: 0;\n  }\n}\n\n.milestone-details__header {\n  padding: 12px 16px;\n  margin: -16px -16px 16px;\n  text-transform: uppercase;\n  font-weight: 500;\n}\n\n.milestone-details__progress {\n  width: 48px;\n  margin-right: 8px;\n}\n\n.milestone--add {\n  &.md-button {\n    text-transform: uppercase;\n  }\n}\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".student-select {\n    padding-top: 0;\n    padding-bottom: 0;\n}\n\n.workgroup-progress {\n    margin-bottom: 8px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        margin-bottom: 0;\n    }\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n",".grading {\n}\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important;\n}\n\n.grading__item {\n  background-color: #ffffff;\n\n  .component {\n    padding: 0;\n  }\n}\n","// Variables\n$notebook-sidebar-width: 480px;\n$report-position-right: 96px;\n$report-full-gap: 8px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: $report-position-right;\n  transition: right 250ms;\n  z-index: 3;\n\n  &.report-full {\n    left: $report-full-gap;\n    right: $report-full-gap;\n    top: $report-full-gap;\n    bottom: $report-full-gap\n  }\n  \n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    &.notes-visible {\n      right: $notebook-sidebar-width + 12;\n    }\n  }\n}\n\n.notebook-item__text-input {\n  margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.notebook-item__attachment {\n  background-color: color('gray-light');\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative;\n}\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto;\n}\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  // TODO: generalize for on item buttons like this (delete attachment, etc)\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0;\n\n  md-icon {\n    margin-left: -2px;\n    font-size: 22px;\n  }\n}\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: lighten(color('accent-1'), 5%);\n\n  a, md-icon {\n    color: lighten(color('accent-1'), 5%);\n  }\n\n  md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto;\n  }\n}\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: color('gray-lighter');\n  margin-bottom: 16px;\n  color: color('text-secondary');\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms;\n\n  md-icon, span {\n    transition: color 250ms;\n  }\n\n  &:hover, &:focus, &.dragover {\n    border-color: color('accent');\n    background-color: lighten(color('accent'), 35%);\n    color: color('accent');\n\n    md-icon, span {\n      color: color('accent');\n    }\n  }\n}\n\n.notebook-sidebar {\n  width: $notebook-sidebar-width - 180;  \n  max-width: none;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: $notebook-sidebar-width;\n  }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n  position: relative;\n  right: 0;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".annotations--grading {\n    md-input-container {\n        margin-bottom: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n\n    input, textarea {\n        //border-width: 0;\n        //background-color: color('text-light-secondary');\n\n        &:focus {\n            background-color: #ffffff;\n        }\n\n        &:disabled {\n            color: color('text');\n        }\n    }\n}\n\n.annotations--grading--revision {\n    margin: 8px 0 0;\n    padding: 8px;\n}\n\n.annotations--notebook {\n    margin-top: 16px;;\n}\n\n.annotations--grading__info {\n    font-style: italic;\n    margin: 8px 8px 4px;\n}\n\n.annotations--grading__item {\n    padding: 8px;\n}\n\n.annotations--grading__score {\n    input {\n        margin-top: 0 !important;\n        font-size: rem(1.8);\n        width: 52px;\n        text-align: center;\n    }\n}\n\n.annotations--grading__score__label {\n    transform: none !important;\n    width: auto;\n    display: block;\n    padding: 0;\n    margin: 0 8px 0 0;\n}\n\n.annotations--grading__score__max {\n    label {\n        display: none;\n    }\n}\n\n.annotations--grading__score__divider {\n    position: relative;\n    top: 12px;\n    margin-left: 4px;\n}\n\n.annotations--grading__auto-comment {\n    margin: 0 2px;\n}\n\n.annotations--grading__auto-comment__content {\n    margin-top: 8px;\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".component--grading {\n    padding: 0;\n    margin: 0;\n\n    &:not(:last-child) {\n        > div {\n            border-bottom: 1px solid color('gray-light');\n        }\n    }\n\n    .component__wrapper {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 16px;\n        margin: 0;\n    }\n}\n\n.component--grading__response {\n    padding-bottom: 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding-right: 16px;\n        padding-bottom: 0;\n    }\n}\n\n.component--grading__response__content {\n    overflow: auto;\n}\n\n.component--grading__annotations {\n    background-color: color('selected-bg');\n}\n\n.component--grading__annotations__divider {\n    padding: 4px;\n    background-color: #ffffff;\n}\n\n.component--grading__actions__info {\n    margin: 16px 0 0;\n    padding-top: 8px;\n    border-top: 1px solid color('gray-lighter');\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".component-revisions {\n    .component {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 0;\n    }\n\n    .component__wrapper {\n        margin: 16px 0;\n    }\n\n    .md-resize-handle {\n        display: none;\n    }\n}\n\n.component-revisions__item, md-list-item.component-revisions__item {\n    padding: 0;\n}\n\n.component-revisions__item--latest {\n    margin-bottom: 24px;\n}\n\n.component-revisions__item__text {\n\n}\n\n.component-revisions__annotation-label {\n    margin-right: 8px;\n}\n\n.component-revisions__has-auto-and-teacher {\n    padding-top: 8px;\n    margin-top: 8px;\n    border-top: 1px solid color('gray-light');\n}\n",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
diff --git a/src/main/webapp/wise5/themes/default/style/vle.css b/src/main/webapp/wise5/themes/default/style/vle.css
index 6be499702c..b8b5907a02 100644
--- a/src/main/webapp/wise5/themes/default/style/vle.css
+++ b/src/main/webapp/wise5/themes/default/style/vle.css
@@ -1,2 +1,2 @@
-body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1c8ca8}blockquote{background-color:#e7f7fb;padding:8px;margin:16px 0;border:solid #1c8ca8;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1c8ca8;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1c8ca8!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#f4fbfd}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#1c8ca8;background-color:#f4fbfd}.primary{color:#1c8ca8}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#f4fbfd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1c8ca8}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#f4fbfd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1c8ca8}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#f4fbfd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav{background-color:#eee!important}.l-node{margin-top:42px;padding:0}@media only screen and (min-width:600px){.l-node{padding:0 0 16px;background-color:#eee!important}}@media only screen and (min-width:960px){.l-node{padding:0 0 32px}}.l-notebook{margin-top:42px;background-color:#eee!important}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;transition:opacity .25s ease-in-out}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1c8ca8}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1c8ca8}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#f4fbfd}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1c8ca8}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #1c8ca8;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}notebook-launcher{position:absolute;bottom:24px;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}notebook-report{position:absolute;bottom:0;right:96px;transition:right .25s;z-index:3}@media only screen and (max-width:959px){notebook-report{left:8px;right:8px;top:8px;bottom:8px}}@media only screen and (min-width:960px){notebook-report.report-full{left:8px;right:8px;top:8px;bottom:8px}notebook-report.notes-visible{right:512px}}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block;position:relative;right:0}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#1c8ca8}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#1c8ca8}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
+body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1c8ca8}blockquote{background-color:#e7f7fb;padding:8px;margin:16px 0;border:solid #1c8ca8;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1c8ca8;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1c8ca8!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#f4fbfd}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#1c8ca8;background-color:#f4fbfd}.primary{color:#1c8ca8}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#f4fbfd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1c8ca8}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#f4fbfd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1c8ca8}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#f4fbfd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav{background-color:#eee!important}.l-node{margin-top:42px;padding:0}@media only screen and (min-width:600px){.l-node{padding:0 0 16px;background-color:#eee!important}}@media only screen and (min-width:960px){.l-node{padding:0 0 32px}}.l-notebook{margin-top:42px;background-color:#eee!important}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.status-corner-wrapper{position:absolute;z-index:1;overflow:hidden}.status-corner{width:0;height:0;border-top-color:rgba(0,0,0,.26);border-bottom-color:rgba(0,0,0,.26);color:rgba(0,0,0,.26)}.status-corner:after{content:"!";color:#fff;top:2px;right:10px;position:absolute;font-weight:700}.status-corner--warn{border-top-color:#c62828!important;border-bottom-color:#c62828!important}.status-corner-top-right{top:0;right:0;border-top-right-radius:4px}.status-corner-top-right .status-corner{border-top:36px solid;border-left:36px solid transparent}.status-corner-top-left{top:0;left:0;border-top-left-radius:4px}.status-corner-top-left .status-corner{border-top:36px solid;border-right:36px solid transparent}.status-corner-bottom-right{bottom:0;right:0;border-bottom-right-radius:4px}.status-corner-bottom-right .status-corner{border-bottom:36px solid;border-left:36px solid transparent}.status-corner-bottom-left{bottom:0;left:0;border-bottom-left-radius:4px}.status-corner-bottom-left .status-corner{border-bottom:36px solid;border-right:36px solid transparent}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;transition:opacity .25s ease-in-out}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1c8ca8}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1c8ca8}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#f4fbfd}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1c8ca8}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #1c8ca8;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}notebook-launcher{position:absolute;bottom:24px;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}notebook-report{position:absolute;bottom:0;right:96px;transition:right .25s;z-index:3}notebook-report.report-full{left:8px;right:8px;top:8px;bottom:8px}@media only screen and (min-width:960px){notebook-report.notes-visible{right:492px}}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.notebook-sidebar{width:300px;max-width:none}@media only screen and (min-width:600px){.notebook-sidebar{width:480px}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block;position:relative;right:0}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#1c8ca8}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#1c8ca8}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
 /*# sourceMappingURL=vle.css.map */
diff --git a/src/main/webapp/wise5/themes/default/style/vle.css.map b/src/main/webapp/wise5/themes/default/style/vle.css.map
index 938c6cfaa2..5db99b5d15 100644
--- a/src/main/webapp/wise5/themes/default/style/vle.css.map
+++ b/src/main/webapp/wise5/themes/default/style/vle.css.map
@@ -1 +1 @@
-{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/vle.css","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-node.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dragula.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,wBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBCQoB,CDPpB,eAAgB,CAChB,cElC8B,CFmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBCxDsB,CD4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,wBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,wBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,aCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,wBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"vle.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #1C8CA8; }\n\nblockquote {\n  background-color: #e7f7fb;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1C8CA8;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #1C8CA8;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1C8CA8 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: #f4fbfd; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1C8CA8;\n  background-color: #f4fbfd; }\n\n.primary {\n  color: #1C8CA8; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: #f4fbfd; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #1C8CA8; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: #f4fbfd; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #1C8CA8; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: #f4fbfd; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-node {\n  margin-top: 42px;\n  padding: 0; }\n  @media only screen and (min-width: 600px) {\n    .l-node {\n      padding: 0 0 16px;\n      background-color: #eeeeee !important; } }\n  @media only screen and (min-width: 960px) {\n    .l-node {\n      padding: 0 0 32px; } }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out; }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1C8CA8; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #1C8CA8; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: #f4fbfd;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1C8CA8; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #1C8CA8;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px; }\n  @media only screen and (min-width: 600px) {\n    notebook-launcher.md-button.md-fab {\n      z-index: 61; } }\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: 96px;\n  transition: right 250ms;\n  z-index: 3; }\n  @media only screen and (max-width: 959px) {\n    notebook-report {\n      left: 8px;\n      right: 8px;\n      top: 8px;\n      bottom: 8px; } }\n  @media only screen and (min-width: 960px) {\n    notebook-report.report-full {\n      left: 8px;\n      right: 8px;\n      top: 8px;\n      bottom: 8px; }\n    notebook-report.notes-visible {\n      right: 512px; } }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n  position: relative;\n  right: 0; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #1C8CA8; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #1C8CA8; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-node {\n  margin-top: $wise-toolbar-height;\n  padding: 0;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    padding: 0 0 16px;\n    background-color: color('body-bg') !important;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 0 0 32px;\n  }\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n",".gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out;\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 500px;\n$report-position-right: 96px;\n$report-full-gap: 8px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: $report-position-right;\n  transition: right 250ms;\n  z-index: 3;\n\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    left: $report-full-gap;\n    right: $report-full-gap;\n    top: $report-full-gap;\n    bottom: $report-full-gap\n  }\n  \n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    &.report-full {\n      left: $report-full-gap;\n      right: $report-full-gap;\n      top: $report-full-gap;\n      bottom: $report-full-gap\n    }\n\n    &.notes-visible {\n      right: $notebook-sidebar-width + 12;\n    }\n  }\n}\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block;\n}\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: color('gray');\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: $card-border-radius;\n  border-top-right-radius: $card-border-radius;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0;\n}\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255,255,255,0.95);\n  border-top: 1px solid color('gray-lighter');\n\n  &:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n  }\n}\n\n.notebook-item__content--text-only {\n  &:after {\n    content: \"note\";\n    font-family: 'Material Icons';\n    font-weight: normal;\n    font-style: normal;\n    display: inline-block;\n    line-height: 1;\n    text-transform: none;\n    letter-spacing: normal;\n    word-wrap: normal;\n    white-space: nowrap;\n    direction: ltr;\n\n    /* Support for all WebKit browsers. */\n    -webkit-font-smoothing: antialiased;\n    /* Support for Safari and Chrome. */\n    text-rendering: optimizeLegibility;\n\n    /* Support for Firefox. */\n    -moz-osx-font-smoothing: grayscale;\n\n    /* Support for IE. */\n    font-feature-settings: 'liga';\n    //position: absolute;\n    font-size: 80px;\n    color: color('text-disabled');\n  }\n}\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\";\n}\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0;\n\n  md-icon {\n    font-size: 22px;\n  }\n}\n\n.notebook-item__edit {\n  cursor: pointer;\n}\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: color('gray-darkest');\n  border-bottom-left-radius: $card-border-radius;\n  border-bottom-right-radius: $card-border-radius;\n\n  md-icon {\n    color: #ffffff;\n  }\n}\n\n.notebook-item__text-input {\n  margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.notebook-item__attachment {\n  background-color: color('gray-light');\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative;\n}\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto;\n}\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  // TODO: generalize for on item buttons like this (delete attachment, etc)\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0;\n\n  md-icon {\n    margin-left: -2px;\n    font-size: 22px;\n  }\n}\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: lighten(color('accent-1'), 5%);\n\n  a, md-icon {\n    color: lighten(color('accent-1'), 5%);\n  }\n\n  md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto;\n  }\n}\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: color('gray-lighter');\n  margin-bottom: 16px;\n  color: color('text-secondary');\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms;\n\n  md-icon, span {\n    transition: color 250ms;\n  }\n\n  &:hover, &:focus, &.dragover {\n    border-color: color('accent');\n    background-color: lighten(color('accent'), 35%);\n    color: color('accent');\n\n    md-icon, span {\n      color: color('accent');\n    }\n  }\n}\n\n.notebook-sidebar {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: $notebook-sidebar-width - 100;  \n    max-width: none;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    width: $notebook-sidebar-width;\n    max-width: none;\n  }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n  position: relative;\n  right: 0;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/vle.css","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-node.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dragula.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,wBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBCQoB,CDPpB,eAAgB,CAChB,cElC8B,CFmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBCxDsB,CD4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,wBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,wBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,aCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,wBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"vle.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #1C8CA8; }\n\nblockquote {\n  background-color: #e7f7fb;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1C8CA8;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #1C8CA8;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1C8CA8 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: #f4fbfd; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1C8CA8;\n  background-color: #f4fbfd; }\n\n.primary {\n  color: #1C8CA8; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: #f4fbfd; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #1C8CA8; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: #f4fbfd; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #1C8CA8; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: #f4fbfd; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-node {\n  margin-top: 42px;\n  padding: 0; }\n  @media only screen and (min-width: 600px) {\n    .l-node {\n      padding: 0 0 16px;\n      background-color: #eeeeee !important; } }\n  @media only screen and (min-width: 960px) {\n    .l-node {\n      padding: 0 0 32px; } }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.status-corner-wrapper {\n  position: absolute;\n  z-index: 1;\n  overflow: hidden; }\n\n.status-corner {\n  width: 0;\n  height: 0;\n  border-top-color: rgba(0, 0, 0, 0.26);\n  border-bottom-color: rgba(0, 0, 0, 0.26);\n  color: rgba(0, 0, 0, 0.26); }\n  .status-corner:after {\n    content: '!';\n    color: #ffffff;\n    top: 2px;\n    right: 10px;\n    position: absolute;\n    font-weight: 700; }\n\n.status-corner--warn {\n  border-top-color: #c62828 !important;\n  border-bottom-color: #c62828 !important; }\n\n.status-corner-top-right {\n  top: 0;\n  right: 0;\n  border-top-right-radius: 4px; }\n  .status-corner-top-right .status-corner {\n    border-top: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-top-left {\n  top: 0;\n  left: 0;\n  border-top-left-radius: 4px; }\n  .status-corner-top-left .status-corner {\n    border-top: 36px solid;\n    border-right: 36px solid transparent; }\n\n.status-corner-bottom-right {\n  bottom: 0;\n  right: 0;\n  border-bottom-right-radius: 4px; }\n  .status-corner-bottom-right .status-corner {\n    border-bottom: 36px solid;\n    border-left: 36px solid transparent; }\n\n.status-corner-bottom-left {\n  bottom: 0;\n  left: 0;\n  border-bottom-left-radius: 4px; }\n  .status-corner-bottom-left .status-corner {\n    border-bottom: 36px solid;\n    border-right: 36px solid transparent; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out; }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1C8CA8; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #1C8CA8; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: #f4fbfd;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1C8CA8; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #1C8CA8;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px; }\n  @media only screen and (min-width: 600px) {\n    notebook-launcher.md-button.md-fab {\n      z-index: 61; } }\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: 96px;\n  transition: right 250ms;\n  z-index: 3; }\n  notebook-report.report-full {\n    left: 8px;\n    right: 8px;\n    top: 8px;\n    bottom: 8px; }\n  @media only screen and (min-width: 960px) {\n    notebook-report.notes-visible {\n      right: 492px; } }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.notebook-sidebar {\n  width: 300px;\n  max-width: none; }\n  @media only screen and (min-width: 600px) {\n    .notebook-sidebar {\n      width: 480px; } }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n  position: relative;\n  right: 0; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #1C8CA8; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #1C8CA8; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-node {\n  margin-top: $wise-toolbar-height;\n  padding: 0;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    padding: 0 0 16px;\n    background-color: color('body-bg') !important;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 0 0 32px;\n  }\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.status-corner-wrapper {\n    position: absolute;\n    z-index: 1;\n    overflow: hidden;\n}\n\n.status-corner {\n    width: 0;\n    height: 0;\n    border-top-color: color('text-disabled');\n    border-bottom-color: color('text-disabled');\n    color: color('text-disabled');\n\n    &:after {\n        content: '!';\n        color: #ffffff;\n        top: 2px;\n        right: 10px;\n        position: absolute;\n        font-weight: 700;\n    }\n}\n\n.status-corner--warn {\n    border-top-color: color('warn') !important;\n    border-bottom-color: color('warn') !important;\n}\n\n.status-corner-top-right {\n    top: 0;\n    right: 0;\n    border-top-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-top-left {\n    top: 0;\n    left: 0;\n    border-top-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-top: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-right {\n    bottom: 0;\n    right: 0;\n    border-bottom-right-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-left: 36px solid transparent;\n    }\n}\n\n.status-corner-bottom-left {\n    bottom: 0;\n    left: 0;\n    border-bottom-left-radius: $card-border-radius;\n\n    .status-corner {\n        border-bottom: 36px solid;\n        border-right: 36px solid transparent;\n    }\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n",".gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out;\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 480px;\n$report-position-right: 96px;\n$report-full-gap: 8px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: $report-position-right;\n  transition: right 250ms;\n  z-index: 3;\n\n  &.report-full {\n    left: $report-full-gap;\n    right: $report-full-gap;\n    top: $report-full-gap;\n    bottom: $report-full-gap\n  }\n  \n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    &.notes-visible {\n      right: $notebook-sidebar-width + 12;\n    }\n  }\n}\n\n.notebook-item__text-input {\n  margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.notebook-item__attachment {\n  background-color: color('gray-light');\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative;\n}\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto;\n}\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  // TODO: generalize for on item buttons like this (delete attachment, etc)\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0;\n\n  md-icon {\n    margin-left: -2px;\n    font-size: 22px;\n  }\n}\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: lighten(color('accent-1'), 5%);\n\n  a, md-icon {\n    color: lighten(color('accent-1'), 5%);\n  }\n\n  md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto;\n  }\n}\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: color('gray-lighter');\n  margin-bottom: 16px;\n  color: color('text-secondary');\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms;\n\n  md-icon, span {\n    transition: color 250ms;\n  }\n\n  &:hover, &:focus, &.dragover {\n    border-color: color('accent');\n    background-color: lighten(color('accent'), 35%);\n    color: color('accent');\n\n    md-icon, span {\n      color: color('accent');\n    }\n  }\n}\n\n.notebook-sidebar {\n  width: $notebook-sidebar-width - 180;  \n  max-width: none;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: $notebook-sidebar-width;\n  }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block;\n  position: relative;\n  right: 0;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file

From 2383476d0fcd4f3be31d0e5473080cae3ca68451 Mon Sep 17 00:00:00 2001
From: breity <breity10@gmail.com>
Date: Mon, 1 Mar 2021 18:29:19 -0800
Subject: [PATCH 28/36] Fixed bug that showed empty placeholder after deleting
 a note; updated some styles. #2827

---
 .../notebook-notes.component.html             | 50 ++++++++++---------
 .../notebook-notes.component.scss             |  1 +
 .../notebook-notes.component.spec.ts          | 20 ++++----
 .../notebook-notes.component.ts               | 19 ++++---
 .../webapp/site/src/style/themes/_dark.scss   |  2 +-
 5 files changed, 52 insertions(+), 40 deletions(-)

diff --git a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.html b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.html
index 8ce1b88d81..1bff693e78 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.html
+++ b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.html
@@ -1,16 +1,20 @@
 <ng-template #notebookItems let-group="group">
   <div class="notes" fxLayout="row wrap">
-    <div *ngIf="!hasNotes" i18n>You haven't created any {{label.plural}} yet.</div>
-    <notebook-item *ngFor="let note of group.items"
-        [config]="config"
-        [group]="group.name"
-        [itemId]="note.localNotebookItemId"
-        [isChooseMode]="insertArgs.insertMode"
-        [note]="note"
-        (onSelect)="select($event)"
-        fxFlex="100"
-        fxFlex.gt-xs="50">
-    </notebook-item>
+    <p *ngIf="!hasPrivateNotes"
+        class="empty"
+        i18n>You haven't created any {{label.plural}} yet.</p>
+    <ng-container *ngFor="let note of group.items">
+      <notebook-item *ngIf="note.serverDeleteTime == null"
+          [config]="config"
+          [group]="group.name"
+          [itemId]="note.localNotebookItemId"
+          [isChooseMode]="insertArgs.insertMode"
+          [note]="note"
+          (onSelect)="select($event)"
+          fxFlex="100"
+          fxFlex.gt-xs="50">
+      </notebook-item>
+    </ng-container>
   </div>
 </ng-template>
 
@@ -55,20 +59,23 @@ <h4 *ngIf="!insertArgs.insertMode">{{label.link}}</h4>
         mat-fab
         color="accent"
         i18n-aria-label
-        attr.aria-label="Add {{config.itemTypes.note.label.singular}}"
+        attr.aria-label="Add {{label.singular}}"
         i18n-matTooltip
-        matTooltip="Add {{config.itemTypes.note.label.singular}}"
+        matTooltip="Add {{label.singular}}"
         matTooltipPosition="above"
         (click)="addNote()">
       <mat-icon>add</mat-icon>
     </button>
   </ng-container>
   <div class="notes notes-grading" *ngIf="mode === 'classroomMonitor'">
-    <ng-container *ngIf="hasNotes">
-      <div *ngFor="let group of groups">
-        <h4 *ngIf="groups.length > 1" class="group-header mat-body-2 secondary-text">{{group.title}}</h4>
-        <div fxLayout="row wrap" fxLayoutAlign="start center">
-          <notebook-item *ngFor="let note of group.items"
+    <div *ngFor="let group of groups">
+      <h4 *ngIf="groups.length > 1" class="group-header mat-body-2 secondary-text">{{group.title}}</h4>
+      <p *ngIf="group.name === 'private' && !hasPrivateNotes" class="empty" i18n>
+        Team hasn't created any {{label.plural}} yet.
+      </p>
+      <div fxLayout="row wrap" fxLayoutAlign="start center">
+        <ng-container *ngFor="let note of group.items">
+          <notebook-item *ngIf="note.serverDeleteTime == null"
               [config]="config"
               [group]="group.name"
               [itemId]="note.localNotebookItemId"
@@ -80,11 +87,8 @@ <h4 *ngIf="groups.length > 1" class="group-header mat-body-2 secondary-text">{{g
               fxFlex.gt-sm="33"
               fxFlex.gt-md="25">
           </notebook-item>
-        </div>
+        </ng-container>
       </div>
-    </ng-container>
-    <p *ngIf="!hasNotes" i18n>
-      Team hasn't created any {{label.plural}} yet.
-    </p>
+    </div>
   </div>
 </div>
diff --git a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.scss b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.scss
index 9b9cf707fa..c2dd525dcf 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.scss
+++ b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.scss
@@ -42,6 +42,7 @@ $new-note-bottom: 24px;
   .empty {
     margin-left: 8px;
     margin-right: 8px;
+    margin-bottom: 1.5rem;
   }
 
   notebook-item {
diff --git a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.spec.ts b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.spec.ts
index c049016417..a4d1ee5086 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.spec.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.spec.ts
@@ -1,5 +1,5 @@
 import { HttpClientTestingModule } from "@angular/common/http/testing";
-import { TestBed } from "@angular/core/testing";
+import { ComponentFixture, ComponentFixtureAutoDetect, TestBed } from "@angular/core/testing";
 import { UpgradeModule } from "@angular/upgrade/static";
 import { configureTestSuite } from "ng-bullet";
 import { Subscription } from "rxjs";
@@ -44,16 +44,18 @@ describe('NotebookNotesComponent', () => {
     component.publicNotebookItemsRetrievedSubscription = new Subscription();
   });
 
-  isHasNotes();
+  isHasPrivateNotes();
 });
 
-function isHasNotes() {
-  it('should check if the notebook has notes when it does not have any notes', () => {
-    component.notebook = { items: [] };
-    expect(component.isHasNotes()).toEqual(false);
+function isHasPrivateNotes() {
+  it('should check if the notebook has private notes when it does not have any notes', () => {
+    component.notebook = { items: {} };
+    component.addPersonalGroupToGroups();
+    expect(component.isHasPrivateNotes()).toEqual(false);
   });
-  it('should check if the notebook has notes when it has a note', () => {
-    component.notebook = { items: [{}] };
-    expect(component.isHasNotes()).toEqual(true);
+  it('should check if the notebook has private notes when it has a note', () => {
+    component.notebook = { items: { 'abcd': [{type: 'note'}] } };
+    component.addPersonalGroupToGroups();
+    expect(component.isHasPrivateNotes()).toEqual(true);
   });
 }
diff --git a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts
index ca7e5f2464..d134eff31e 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, ViewEncapsulation } from '@angular/core';
+import { Component, Input, Pipe, ViewEncapsulation } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { ConfigService } from '../../../../../wise5/services/configService';
 import { NotebookService } from '../../../../../wise5/services/notebookService';
@@ -18,7 +18,7 @@ export class NotebookNotesComponent extends NotebookParentComponent {
 
   groups = [];
   groupNameToGroup = {};
-  hasNotes: boolean;
+  hasPrivateNotes: boolean = false;
   insertArgs: any = {
     insertMode: false
   };
@@ -44,7 +44,7 @@ export class NotebookNotesComponent extends NotebookParentComponent {
     this.label = this.config.itemTypes.note.label;
     this.addPersonalGroupToGroups();
     this.addSpacesToGroups();
-    this.hasNotes = this.isHasNotes();
+    this.hasPrivateNotes = this.isHasPrivateNotes();
 
     this.notebookUpdatedSubscription = this.NotebookService.notebookUpdated$.subscribe(
       ({ notebookItem }) => {
@@ -57,7 +57,7 @@ export class NotebookNotesComponent extends NotebookParentComponent {
         if (notebookItem.groups != null && notebookItem.groups.includes('public')) {
           this.updatePublicNotebookNote(notebookItem);
         }
-        this.hasNotes = this.isHasNotes();
+        this.hasPrivateNotes = this.isHasPrivateNotes();
       }
     );
 
@@ -89,11 +89,12 @@ export class NotebookNotesComponent extends NotebookParentComponent {
     this.insertModeSubscription.unsubscribe();
     this.publicNotebookItemsRetrievedSubscription.unsubscribe();
   }
-
-  isHasNotes(): boolean {
-    return Object.keys(this.notebook.items).length ? true : false;
+  
+  isHasPrivateNotes(): boolean {
+    return this.groupNameToGroup['private'].items.some(note => note.serverDeleteTime == null);
   }
 
+
   addPersonalGroupToGroups(): void {
     const personalGroup = {
       title: $localize`Personal`,
@@ -204,4 +205,8 @@ export class NotebookNotesComponent extends NotebookParentComponent {
     this.NotebookService.setNotesVisible(false);
     this.NotebookService.setInsertMode({ insertMode: false });
   }
+
+  filterDeleted(item: any): boolean {
+    return item.serverDeleteTime == null;
+  }
 }
diff --git a/src/main/webapp/site/src/style/themes/_dark.scss b/src/main/webapp/site/src/style/themes/_dark.scss
index d43179dda0..2f65234ce7 100644
--- a/src/main/webapp/site/src/style/themes/_dark.scss
+++ b/src/main/webapp/site/src/style/themes/_dark.scss
@@ -127,7 +127,7 @@ $dark-colors: (
   'accent': mat-color($accent),
   'accent-1': #795C3A,
   'accent-2': #1c8ca8,
-  'app-bg': black,
+  'app-bg': mat-color($background, background),
   'control-bg': rgba(white, 0.12),
   'control-bg-active': rgba(white, 0.24),
   'disabled-text': mat-color($foreground, disabled-text),

From 348326ad0f087fa108c032c399e92985ada433f7 Mon Sep 17 00:00:00 2001
From: breity <breity10@gmail.com>
Date: Mon, 1 Mar 2021 18:31:37 -0800
Subject: [PATCH 29/36] Fixed NotebookReport position on smaller screens and
 insert note function. #2827

---
 .../notebook-report.component.html            | 10 ++++----
 .../notebook-report.component.scss            |  2 +-
 .../notebook-report.component.spec.ts         |  1 +
 .../notebook-report.component.ts              | 23 +++++++++++++++++--
 4 files changed, 29 insertions(+), 7 deletions(-)

diff --git a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.html b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.html
index ebae660b6c..acde914e20 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.html
+++ b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.html
@@ -15,19 +15,21 @@
     <button mat-icon-button
         i18n-title
         title="Toggle Full Screen"
-        (click)="$event.stopPropagation(); fullscreen()">
+        (click)="$event.stopPropagation(); fullscreen()"
+        fxHide.lt-sm>
       <mat-icon *ngIf="!full || collapsed"> fullscreen </mat-icon>
       <mat-icon *ngIf="full && !collapsed"> fullscreen_exit </mat-icon>
     </button>
     <button *ngIf="!collapsed"
         mat-icon-button
-        i18n-title title="Collapse" 
+        i18n-title title="Collapse"
         (click)="$event.stopPropagation(); toggleCollapse()">
       <mat-icon> arrow_drop_down </mat-icon>
     </button>
-    <button mat-icon-button
-        i18n-title title="Restore"
+    <button 
         *ngIf="collapsed"
+        mat-icon-button
+        i18n-title title="Restore"
         (click)="$event.stopPropagation(); toggleCollapse()">
       <mat-icon> arrow_drop_up </mat-icon>
     </button>
diff --git a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.scss b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.scss
index 2028b6ef4a..2cde3bccb2 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.scss
+++ b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.scss
@@ -51,7 +51,7 @@ $width-collapsed: 300px !default;
     max-width: $title-width-collapsed;
   }
 
-  @media (max-width: breakpoint('xs.max')) {
+  @media (max-width: breakpoint('xs.max') - 1) {
     max-width: $title-width-collapsed;
   }
 }
diff --git a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.spec.ts b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.spec.ts
index a2e2ece789..f62084b5c1 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.spec.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.spec.ts
@@ -40,6 +40,7 @@ describe('NotebookReportComponent', () => {
     component = fixture.componentInstance;
     component.notebookItemAnnotationReceivedSubscription = new Subscription();
     component.showReportAnnotationsSubscription = new Subscription();
+    component.mediaObserverSubscription = new Subscription();
     component.config = createConfig();
   });
 
diff --git a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.ts b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.ts
index 9b4cc507f6..97b9e2389c 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-report/notebook-report.component.ts
@@ -1,5 +1,6 @@
 import { Component } from "@angular/core";
 import { Subscription } from "rxjs";
+import { MediaChange, MediaObserver } from '@angular/flex-layout';
 import { AnnotationService } from "../../../../../wise5/services/annotationService";
 import { ConfigService } from "../../../../../wise5/services/configService";
 import { NotebookService } from "../../../../../wise5/services/notebookService";
@@ -30,13 +31,15 @@ export class NotebookReportComponent extends NotebookParentComponent {
   saveTime: number = null;
   notebookItemAnnotationReceivedSubscription: Subscription;
   showReportAnnotationsSubscription: Subscription;
+  mediaObserverSubscription: Subscription;
 
   constructor(
     private AnnotationService: AnnotationService,
     ConfigService: ConfigService,
     NotebookService: NotebookService,
     private ProjectService: ProjectService,
-    UtilService: UtilService
+    UtilService: UtilService,
+    private mediaObserver: MediaObserver
   ) {
     super(ConfigService, NotebookService, UtilService);
   }
@@ -91,6 +94,13 @@ export class NotebookReportComponent extends NotebookParentComponent {
         }, 500);
       }
     );
+
+    this.mediaObserverSubscription = this.mediaObserver.media$.subscribe((change: MediaChange) => {
+      if (change.mqAlias == 'xs' && !this.collapsed) {
+        this.collapsed = true;
+        this.fullscreen();
+      }
+    });
   }
 
   ngOnDestroy(): void {
@@ -100,6 +110,7 @@ export class NotebookReportComponent extends NotebookParentComponent {
   unsubscribeAll(): void {
     this.notebookItemAnnotationReceivedSubscription.unsubscribe();
     this.showReportAnnotationsSubscription.unsubscribe();
+    this.mediaObserverSubscription.unsubscribe();
   }
 
   setReportItem() {
@@ -130,6 +141,14 @@ export class NotebookReportComponent extends NotebookParentComponent {
   }
 
   toggleCollapse(): void {
+    if (this.collapsed && this.mediaObserver.isActive('xs')) {
+      this.fullscreen();
+      return;
+    }
+    if (this.full) {
+      this.full = false;
+      this.NotebookService.setReportFullScreen(false);
+    }
     this.collapsed = !this.collapsed;
   }
 
@@ -144,7 +163,7 @@ export class NotebookReportComponent extends NotebookParentComponent {
   }
 
   addNotebookItemContent($event: any): void {
-    this.NotebookService.setInsertMode({insertMode: true, requester: 'report'});
+    this.NotebookService.setInsertMode({ insertMode: true, requester: 'report' });
     this.NotebookService.setNotesVisible(true);
   }
 

From 1eb3dbd8b1dfdd7a189c5064583c79d061c82a22 Mon Sep 17 00:00:00 2001
From: Hiroki Terashima <honchikun@gmail.com>
Date: Tue, 2 Mar 2021 17:06:26 -0800
Subject: [PATCH 30/36] Removed unused subscription.

This was throwing an error when the teacher tried to
navigate away from notebook view in the CM.
---
 .../app/notebook/notebook-notes/notebook-notes.component.ts   | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts
index d134eff31e..4e4ec9e632 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts
@@ -27,7 +27,6 @@ export class NotebookNotesComponent extends NotebookParentComponent {
   title: string;
   insertModeSubscription: Subscription;
   notebookUpdatedSubscription: Subscription;
-  openNotebookSubscription: Subscription;
   publicNotebookItemsRetrievedSubscription: Subscription;
 
   constructor(
@@ -85,11 +84,10 @@ export class NotebookNotesComponent extends NotebookParentComponent {
 
   unsubscribeAll(): void {
     this.notebookUpdatedSubscription.unsubscribe();
-    this.openNotebookSubscription.unsubscribe();
     this.insertModeSubscription.unsubscribe();
     this.publicNotebookItemsRetrievedSubscription.unsubscribe();
   }
-  
+
   isHasPrivateNotes(): boolean {
     return this.groupNameToGroup['private'].items.some(note => note.serverDeleteTime == null);
   }

From 029f14f855db869a0362b7f07b3e5b50637895d6 Mon Sep 17 00:00:00 2001
From: Geoffrey Kwan <geoffreykwan@gmail.com>
Date: Wed, 3 Mar 2021 12:39:59 -0500
Subject: [PATCH 31/36] Converted Class Response to Angular. #2948

---
 .../src/app/common-hybrid-angular.module.ts   |   2 +
 src/main/webapp/site/src/messages.xlf         |  81 ++++++++++
 .../webapp/wise5/common-angular-js-module.ts  |   2 +
 .../class-response.component.html             | 140 +++++++++++++++++
 .../class-response.component.scss             |  48 ++++++
 .../class-response.component.spec.ts          |  93 +++++++++++
 .../class-response.component.ts               | 146 ++++++++++++++++++
 .../classResponseComponentModule.ts           |  12 ++
 .../components/discussion/classResponse.html  | 110 -------------
 .../components/discussion/classResponse.ts    |  17 --
 .../discussion/classResponseController.ts     | 100 ------------
 .../discussion/discussionComponentModule.ts   |   4 -
 .../discussion/discussionController.ts        |  50 +++---
 .../wise5/components/discussion/index.html    |  57 +++----
 14 files changed, 573 insertions(+), 289 deletions(-)
 create mode 100644 src/main/webapp/wise5/components/discussion/class-response/class-response.component.html
 create mode 100644 src/main/webapp/wise5/components/discussion/class-response/class-response.component.scss
 create mode 100644 src/main/webapp/wise5/components/discussion/class-response/class-response.component.spec.ts
 create mode 100644 src/main/webapp/wise5/components/discussion/class-response/class-response.component.ts
 create mode 100644 src/main/webapp/wise5/components/discussion/class-response/classResponseComponentModule.ts
 delete mode 100644 src/main/webapp/wise5/components/discussion/classResponse.html
 delete mode 100644 src/main/webapp/wise5/components/discussion/classResponse.ts
 delete mode 100644 src/main/webapp/wise5/components/discussion/classResponseController.ts

diff --git a/src/main/webapp/site/src/app/common-hybrid-angular.module.ts b/src/main/webapp/site/src/app/common-hybrid-angular.module.ts
index 4c3ae6ff75..8701ab840a 100644
--- a/src/main/webapp/site/src/app/common-hybrid-angular.module.ts
+++ b/src/main/webapp/site/src/app/common-hybrid-angular.module.ts
@@ -58,12 +58,14 @@ import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 import { MatRadioModule } from '@angular/material/radio';
 import { MatDividerModule } from '@angular/material/divider';
+import { ClassResponse } from '../../../wise5/components/discussion/class-response/class-response.component';
 
 @Component({ template: `` })
 export class EmptyComponent {}
 
 @NgModule({
   declarations: [
+    ClassResponse,
     EmptyComponent,
     HelpIconComponent,
     NodeIconComponent,
diff --git a/src/main/webapp/site/src/messages.xlf b/src/main/webapp/site/src/messages.xlf
index 74323feea3..0b15fb8d37 100644
--- a/src/main/webapp/site/src/messages.xlf
+++ b/src/main/webapp/site/src/messages.xlf
@@ -5593,6 +5593,87 @@
           <context context-type="linenumber">4</context>
         </context-group>
       </trans-unit>
+      <trans-unit datatype="html" id="d7acc4c320f2cec1d3d4e86dfa25ac5f5e6783b9">
+        <source> Delete </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">../../wise5/components/discussion/class-response/class-response.component.html</context>
+          <context context-type="linenumber">36</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit datatype="html" id="f524c5795e54443e0f5c72ab2a19075cc9718bea">
+        <source>Delete this post so students will not see it</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">../../wise5/components/discussion/class-response/class-response.component.html</context>
+          <context context-type="linenumber">33</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit datatype="html" id="d7f72f04c70b2b96fbd7fe3141ac1d37180cd293">
+        <source> Undo Delete </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">../../wise5/components/discussion/class-response/class-response.component.html</context>
+          <context context-type="linenumber">47</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit datatype="html" id="36ef0871b0f11b13ec0c34610f695b32a85f0bdf">
+        <source>Make this post viewable to students</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">../../wise5/components/discussion/class-response/class-response.component.html</context>
+          <context context-type="linenumber">44</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit datatype="html" id="16e248e3afa08f186eb693c218786aef600454fe">
+        <source> Comments (<x equiv-text="{{ response.replies.length }}" id="INTERPOLATION"/>) </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">../../wise5/components/discussion/class-response/class-response.component.html</context>
+          <context context-type="linenumber">56</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit datatype="html" id="e0335c4f9937223080bd249fff412f965e5a75d2">
+        <source>Comments (<x equiv-text="{{ response.replies.length }}" id="INTERPOLATION"/>)</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">../../wise5/components/discussion/class-response/class-response.component.html</context>
+          <context context-type="linenumber">62</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit datatype="html" id="a3cf13c419f9f37a2b338ed0617d72137051b910">
+        <source> Delete </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">../../wise5/components/discussion/class-response/class-response.component.html</context>
+          <context context-type="linenumber">97</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit datatype="html" id="f1eaf1ba5c96f5aea47d2d3067eeeb32120831fc">
+        <source> Parent Deleted </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">../../wise5/components/discussion/class-response/class-response.component.html</context>
+          <context context-type="linenumber">106</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit datatype="html" id="49ab78663d368b2e86c7b44c46e10636f5c0d6eb">
+        <source>Students will not see this post</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">../../wise5/components/discussion/class-response/class-response.component.html</context>
+          <context context-type="linenumber">103</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit datatype="html" id="e76562563d96af320c4b1278cf8e35c8a02ab58b">
+        <source> Undo Delete </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">../../wise5/components/discussion/class-response/class-response.component.html</context>
+          <context context-type="linenumber">116</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit datatype="html" id="73c0a017e42353ac091f4a487c3d9ada970c7dce">
+        <source>Add Comment</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">../../wise5/components/discussion/class-response/class-response.component.html</context>
+          <context context-type="linenumber">131</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">../../wise5/components/discussion/class-response/class-response.component.html</context>
+          <context context-type="linenumber">133</context>
+        </context-group>
+      </trans-unit>
       <trans-unit datatype="html" id="74b04b602d4148d1cb5de4da90c0e91ec9bae5ac">
         <source>Choose a Branch Path</source>
         <context-group purpose="location">
diff --git a/src/main/webapp/wise5/common-angular-js-module.ts b/src/main/webapp/wise5/common-angular-js-module.ts
index 7b6735dfd3..3377e14d85 100644
--- a/src/main/webapp/wise5/common-angular-js-module.ts
+++ b/src/main/webapp/wise5/common-angular-js-module.ts
@@ -70,6 +70,7 @@ import './themes/default/theme';
 import SideMenu from './common/sideMenuComponent';
 import { EditorComponent } from '@tinymce/tinymce-angular';
 import { WiseTinymceEditorComponent } from './directives/wise-tinymce-editor/wise-tinymce-editor.component';
+import './components/discussion/class-response/classResponseComponentModule';
 
 angular
   .module('common', [
@@ -78,6 +79,7 @@ angular
     'angular-toArrayFilter',
     'animationComponentModule',
     'audioOscillatorComponentModule',
+    'classResponseComponentModule',
     'components',
     'conceptMapComponentModule',
     'discussionComponentModule',
diff --git a/src/main/webapp/wise5/components/discussion/class-response/class-response.component.html b/src/main/webapp/wise5/components/discussion/class-response/class-response.component.html
new file mode 100644
index 0000000000..f4974396e9
--- /dev/null
+++ b/src/main/webapp/wise5/components/discussion/class-response/class-response.component.html
@@ -0,0 +1,140 @@
+<mat-card class="discussion-post">
+  <div class="discussion-post__contents">
+    <div fxLayout="row" fxLayoutAlign="start center">
+      <div class="discussion-post__avatar">
+        <mat-icon class="md-48"
+          style="color: {{getAvatarColorForWorkgroupId(response.workgroupId)}};">
+          account_circle
+        </mat-icon>
+      </div>
+      <div flex>
+        <div class="discussion-post__user">{{ response.usernames }}</div>
+        <div class="discussion-post__date">
+          <span class="component__actions__more"
+              matTooltip="{{adjustClientSaveTime(response.serverSaveTime) | amDateFormat:'ddd, MMM D YYYY, h:mm a'}}"
+              matTooltipPosition="right">
+            {{ adjustClientSaveTime(response.serverSaveTime) | amTimeAgo }}
+          </span>
+        </div>
+      </div>
+    </div>
+    <div class="discussion-post__content"
+      [innerHTML]="response.studentData.responseTextHTML">
+    </div>
+    <img *ngFor="let attachment of response.studentData.attachments"
+      [src]="attachment.iconURL" alt="Image" class="discussion-post__attachment" />
+    <div fxLayoutAlign="end center" *ngIf="mode === 'grading' || mode === 'gradingRevision'">
+      <br />
+      <button
+          *ngIf="response.latestInappropriateFlagAnnotation == null || response.latestInappropriateFlagAnnotation.data == null || response.latestInappropriateFlagAnnotation.data.action != 'Delete'"
+          mat-raised-button
+          class="delete-button"
+          (click)="delete(response)"
+          matTooltip="Delete this post so students will not see it"
+          matTooltipPosition="above"
+          i18n-matTooltip
+          i18n>
+        Delete
+      </button>
+      <button
+          *ngIf="response.latestInappropriateFlagAnnotation != null && response.latestInappropriateFlagAnnotation.data.action === 'Delete'"
+          mat-raised-button
+          class="delete-button"
+          (click)="undoDelete(response)"
+          matTooltip="Make this post viewable to students"
+          matTooltipPosition="above"
+          i18n-matTooltip
+          i18n>
+        Undo Delete
+      </button>
+    </div>
+  </div>
+  <mat-divider *ngIf="mode === 'student' || response.replies.length > 0"></mat-divider>
+  <div class="discussion-comments">
+    <div class="discussion-comments__contents" *ngIf="response.replies.length > 0">
+      <div class="discussion-comments__header" matSubheader>
+        <span *ngIf="response.replies.length === 1" i18n>
+          Comments ({{ response.replies.length }})
+        </span>
+        <a *ngIf="response.replies.length > 1"
+            (click)="toggleExpanded()"
+            fxLayoutAlign="start center">
+          <span i18n>Comments ({{ response.replies.length }})</span>
+          <mat-icon>{{expanded ? "expand_less" : "expand_more"}}</mat-icon>
+        </a>
+      </div>
+      <mat-list class="discussion-comments__list">
+        <mat-list-item class="discussion-reply" [ngClass]="{'animate-show': !isLast}"
+            *ngFor="let reply of repliesToShow">
+          <div class="discussion-post__avatar--reply discussion-post__avatar">
+            <mat-icon class="mat-24"
+              style="color: {{getAvatarColorForWorkgroupId(reply.workgroupId)}}">
+              account_circle
+            </mat-icon>
+          </div>
+          <div class="discussion-reply__details">
+            <h3 class="discussion-post__user discussion-post__user--reply">
+              {{ reply.usernames }}
+              <span class="discussion-post__date discussion-post__date--reply component__actions__more"
+                  matTooltip="{{adjustClientSaveTime(reply.serverSaveTime) | amDateFormat:'ddd, MMM D YYYY, h:mm a'}}"
+                  matTooltipPosition="right">
+                {{ adjustClientSaveTime(reply.serverSaveTime) | amTimeAgo }}
+              </span>
+            </h3>
+            <div class="discusstion-reply__content"
+                [innerHTML]="reply.studentData.responseHTML">
+            </div>
+          </div>
+          <div fxFlex></div>
+          <div *ngIf="mode === 'grading' || mode === 'gradingRevision'">
+            <button
+                *ngIf="(response.latestInappropriateFlagAnnotation == null || response.latestInappropriateFlagAnnotation.data.action !== 'Delete') && (reply.latestInappropriateFlagAnnotation == null || reply.latestInappropriateFlagAnnotation.data.action != 'Delete')"
+                mat-raised-button
+                class="delete-button"
+                (click)="delete(reply)"
+                matTooltip="Delete this post so students will not see it"
+                matTooltipPosition="above"
+                i18n>
+              Delete
+            </button>
+            <span
+                *ngIf="response.latestInappropriateFlagAnnotation != null && response.latestInappropriateFlagAnnotation.data.action === 'Delete'"
+                class="parent-deleted-message"
+                matTooltip="Students will not see this post"
+                matTooltipPosition="above"
+                i18n-matTooltip
+                i18n>
+              Parent Deleted
+            </span>
+            <button
+                *ngIf="reply.latestInappropriateFlagAnnotation != null && reply.latestInappropriateFlagAnnotation.data.action === 'Delete'"
+                mat-raised-button
+                class="delete-button"
+                (click)="undoDelete(reply)"
+                matTooltip="Make this post viewable to students"
+                matTooltipPosition="above"
+                i18n>
+              Undo Delete
+            </button>
+          </div>
+        </mat-list-item>
+      </mat-list>
+      <mat-divider></mat-divider>
+    </div>
+    <div class="discussion-new-reply" fxLayout="row"
+      *ngIf="mode === 'student' && !isdisabled">
+      <div class="input-container discussion-new-reply__input-container">
+        <textarea
+            class="input--textarea discussion-reply__input" 
+            [(ngModel)]="response.replyText"
+            (keyup)="replyEntered($event)"
+            placeholder="Add Comment"
+            i18n-placeholder
+            aria-label="Add Comment"
+            i18n-aria-label
+            cdkTextareaAutosize>
+        </textarea>
+      </div>
+    </div>
+  </div>
+</mat-card>
diff --git a/src/main/webapp/wise5/components/discussion/class-response/class-response.component.scss b/src/main/webapp/wise5/components/discussion/class-response/class-response.component.scss
new file mode 100644
index 0000000000..59f17feee9
--- /dev/null
+++ b/src/main/webapp/wise5/components/discussion/class-response/class-response.component.scss
@@ -0,0 +1,48 @@
+.discussion-post {
+  padding: 0px !important;
+}
+
+.discussion-comments__contents {
+  .discussion-comments__header {
+    padding: 16px;
+  }
+}
+
+.discussion-reply {
+  height: 100% !important;
+  width: 95% !important;
+}
+
+::ng-deep .mat-list-item-content {
+  width: 100% !important;
+  flex-direction: row !important;
+  align-items: flex-start !important;
+}
+
+.discussion-post__user {
+  font-size: 14px;
+  padding: 0px;
+  margin: 0px;
+}
+
+.discussion-new-reply__input-container {
+  width: 100%;
+}
+
+.discussion-reply__input {
+  width: 95%;
+  padding: 12px;
+  border: 0;
+  outline: none;
+  line-height: 1.5em;
+}
+
+.delete-button {
+  color: red;
+  margin-left: 12px;
+}
+
+.parent-deleted-message {
+  color: red;
+  margin-left: 12px;
+}
\ No newline at end of file
diff --git a/src/main/webapp/wise5/components/discussion/class-response/class-response.component.spec.ts b/src/main/webapp/wise5/components/discussion/class-response/class-response.component.spec.ts
new file mode 100644
index 0000000000..110f3503db
--- /dev/null
+++ b/src/main/webapp/wise5/components/discussion/class-response/class-response.component.spec.ts
@@ -0,0 +1,93 @@
+import { HttpClientTestingModule } from '@angular/common/http/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { UpgradeModule } from '@angular/upgrade/static';
+import { configureTestSuite } from 'ng-bullet';
+import { MomentModule } from 'ngx-moment';
+import { ConfigService } from '../../../services/configService';
+import { ClassResponse } from './class-response.component';
+
+let fixture: ComponentFixture<ClassResponse>;
+let component: ClassResponse;
+let reply1: any = createComponentState('Hello');
+let reply2: any = createComponentState('World');
+
+describe('ClassResponse', () => {
+  configureTestSuite(() => {
+    TestBed.configureTestingModule({
+      imports: [HttpClientTestingModule, MomentModule],
+      declarations: [ClassResponse],
+      providers: [ConfigService, UpgradeModule]
+    });
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ClassResponse);
+    component = fixture.componentInstance;
+    component.response = createComponentState();
+    fixture.detectChanges();
+  });
+
+  injectLinks();
+  showLastReply();
+  showAllReplies();
+});
+
+function createComponentState(responseText: string = '', replies: any[] = []): any {
+  return {
+    studentData: {
+      response: responseText
+    },
+    replies: replies
+  };
+}
+
+function injectLinks() {
+  describe('injectLinks', () => {
+    it('should not modify text that does not have a link', () => {
+      const responseText: string = 'Hello World';
+      expect(component.injectLinks(responseText)).toEqual(responseText);
+    });
+
+    it('should inject link into text that does have a link', () => {
+      const url = 'https://www.berkeley.edu';
+      const responseText: string = `Go to ${url}`;
+      const modifiedText: string = `Go to <a href="${url}" target="_blank">${url}</a>`;
+      expect(component.injectLinks(responseText)).toEqual(modifiedText);
+    });
+
+    it('should inject link into text that does have a link that does not start with http', () => {
+      const url = 'www.berkeley.edu';
+      const responseText: string = `Go to ${url}`;
+      const modifiedText: string = `Go to <a href="//${url}" target="_blank">${url}</a>`;
+      expect(component.injectLinks(responseText)).toEqual(modifiedText);
+    });
+  });
+}
+
+function setReplies(componentState: any): void {
+  componentState.replies = [reply1, reply2];
+  return componentState;
+}
+
+function showLastReply() {
+  describe('showLastReply', () => {
+    it('should show the last reply', () => {
+      setReplies(component.response);
+      component.showLastReply();
+      expect(component.repliesToShow.length).toEqual(1);
+      expect(component.repliesToShow[0]).toEqual(reply2);
+    });
+  });
+}
+
+function showAllReplies() {
+  describe('showAllReplies', () => {
+    it('should show all replies', () => {
+      setReplies(component.response);
+      component.showAllReplies();
+      expect(component.repliesToShow.length).toEqual(2);
+      expect(component.repliesToShow[0]).toEqual(reply1);
+      expect(component.repliesToShow[1]).toEqual(reply2);
+    });
+  });
+}
diff --git a/src/main/webapp/wise5/components/discussion/class-response/class-response.component.ts b/src/main/webapp/wise5/components/discussion/class-response/class-response.component.ts
new file mode 100644
index 0000000000..43b17bcec1
--- /dev/null
+++ b/src/main/webapp/wise5/components/discussion/class-response/class-response.component.ts
@@ -0,0 +1,146 @@
+import { Component, EventEmitter, Input, Output, SimpleChanges } from '@angular/core';
+import { ConfigService } from '../../../services/configService';
+
+@Component({
+  selector: 'class-response',
+  templateUrl: 'class-response.component.html',
+  styleUrls: ['class-response.component.scss']
+})
+export class ClassResponse {
+  @Input()
+  response: any;
+
+  @Input()
+  numreplies: number;
+
+  @Input()
+  mode: any;
+
+  @Input()
+  isdisabled: any;
+
+  @Output()
+  submitButtonClicked: any = new EventEmitter();
+
+  @Output()
+  deleteButtonClicked: any = new EventEmitter();
+
+  @Output()
+  undoDeleteButtonClicked: any = new EventEmitter();
+
+  urlMatcher: any = /((http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)?[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?)/g;
+  expanded: boolean = false;
+  repliesToShow: any[] = [];
+
+  constructor(private ConfigService: ConfigService) {}
+
+  ngOnInit(): void {
+    this.isdisabled = this.isdisabled === 'true';
+    this.injectLinksIntoResponse();
+    this.injectLinksIntoReplies();
+    if (this.hasAnyReply()) {
+      this.showLastReply();
+    }
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    if (changes.numreplies != null && !changes.numreplies.isFirstChange()) {
+      this.expanded = true;
+      this.injectLinksIntoReplies();
+    }
+  }
+
+  injectLinksIntoResponse(): void {
+    this.response.studentData.responseTextHTML = this.injectLinks(
+      this.response.studentData.response
+    );
+  }
+
+  injectLinksIntoReplies(): void {
+    this.response.replies.forEach((replyComponentState: any): void => {
+      replyComponentState.studentData.responseHTML = this.injectLinks(
+        replyComponentState.studentData.response
+      );
+    });
+  }
+
+  injectLinks(response: string): string {
+    return response.replace(this.urlMatcher, (match) => {
+      let matchUrl = match;
+      if (!match.startsWith('http')) {
+        /*
+         * The url does not begin with http so we will add // to the beginning of it so that the
+         * browser treats the url as an absolute link and not a relative link. The browser will also
+         * use the same protocol that the current page is loaded with (http or https).
+         */
+        matchUrl = '//' + match;
+      }
+      return `<a href="${matchUrl}" target="_blank">${match}</a>`;
+    });
+  }
+
+  getAvatarColorForWorkgroupId(workgroupId: number): string {
+    return this.ConfigService.getAvatarColorForWorkgroupId(workgroupId);
+  }
+
+  adjustClientSaveTime(time: any): number {
+    return this.ConfigService.convertToClientTimestamp(time);
+  }
+
+  replyEntered($event: any): void {
+    if (this.isEnterKeyEvent($event)) {
+      $event.preventDefault();
+      this.response.replyText = this.removeLastChar(this.response.replyText);
+      this.expandAndShowAllReplies();
+      this.submitButtonClicked.emit(this.response);
+    }
+  }
+
+  isEnterKeyEvent(event: any): boolean {
+    return event.keyCode == 13 && !event.shiftKey && this.response.replyText;
+  }
+
+  removeLastChar(responseText: string): string {
+    return responseText.substring(0, responseText.length - 1);
+  }
+
+  delete(componentState: any): void {
+    if (confirm($localize`Are you sure you want to delete this post?`)) {
+      this.deleteButtonClicked.emit(componentState);
+    }
+  }
+
+  undoDelete(componentState: any): void {
+    if (confirm($localize`Are you sure you want to show this post?`)) {
+      this.undoDeleteButtonClicked.emit(componentState);
+    }
+  }
+
+  toggleExpanded(): void {
+    this.expanded = !this.expanded;
+    if (this.expanded) {
+      this.showAllReplies();
+    } else {
+      this.showLastReply();
+    }
+  }
+
+  hasAnyReply(): boolean {
+    return this.response.replies.length > 0;
+  }
+
+  showLastReply(): void {
+    if (this.response.replies.length > 0) {
+      this.repliesToShow = [this.response.replies[this.response.replies.length - 1]];
+    }
+  }
+
+  showAllReplies(): void {
+    this.repliesToShow = this.response.replies;
+  }
+
+  expandAndShowAllReplies(): void {
+    this.expanded = true;
+    this.showAllReplies();
+  }
+}
diff --git a/src/main/webapp/wise5/components/discussion/class-response/classResponseComponentModule.ts b/src/main/webapp/wise5/components/discussion/class-response/classResponseComponentModule.ts
new file mode 100644
index 0000000000..b9041472eb
--- /dev/null
+++ b/src/main/webapp/wise5/components/discussion/class-response/classResponseComponentModule.ts
@@ -0,0 +1,12 @@
+import * as angular from 'angular';
+import { downgradeComponent } from '@angular/upgrade/static';
+import { ClassResponse } from './class-response.component';
+
+const classResponseComponentModule = angular
+  .module('classResponseComponentModule', ['pascalprecht.translate'])
+  .directive(
+    'classResponse',
+    downgradeComponent({ component: ClassResponse }) as angular.IDirectiveFactory
+  );
+
+export default classResponseComponentModule;
diff --git a/src/main/webapp/wise5/components/discussion/classResponse.html b/src/main/webapp/wise5/components/discussion/classResponse.html
deleted file mode 100644
index 7ba06ff8ff..0000000000
--- a/src/main/webapp/wise5/components/discussion/classResponse.html
+++ /dev/null
@@ -1,110 +0,0 @@
-<md-card class='discussion-post'>
-  <div class='discussion-post__contents'>
-    <div layout='row' layout-align='start center'>
-      <div class='md-avatar discussion-post__avatar'>
-        <md-icon class='md-48'
-          style='color: {{::classResponseCtrl.getAvatarColorForWorkgroupId(classResponseCtrl.response.workgroupId)}};'>
-          account_circle
-        </md-icon>
-      </div>
-      <div flex>
-        <div class='discussion-post__user'>{{ ::classResponseCtrl.response.usernames }}</div>
-        <div class='md-body-1 discussion-post__date'>
-          <span class='component__actions__more'>
-            <md-tooltip md-direction='right'>
-              {{ ::classResponseCtrl.adjustClientSaveTime(classResponseCtrl.response.serverSaveTime) | amDateFormat:'ddd, MMM D YYYY, h:mm a' }}
-            </md-tooltip>
-            {{ ::classResponseCtrl.adjustClientSaveTime(classResponseCtrl.response.serverSaveTime) | amCalendar }}
-          </span>
-        </div>
-      </div>
-    </div>
-    <div class='md-content discussion-post__content md-body-1'
-      ng-bind-html='::classResponseCtrl.response.studentData.responseText'>
-    </div>
-    <img ng-repeat='attachment in ::classResponseCtrl.response.studentData.attachments'
-      ng-src='{{::attachment.iconURL}}' alt='Image' class='discussion-post__attachment' />
-    <div align='right' ng-if='::(classResponseCtrl.mode === "grading" || classResponseCtrl.mode === "gradingRevision")'>
-      <br />
-      <md-button
-        ng-if='classResponseCtrl.response.latestInappropriateFlagAnnotation == null || classResponseCtrl.response.latestInappropriateFlagAnnotation.data == null || classResponseCtrl.response.latestInappropriateFlagAnnotation.data.action != "Delete"'
-        class='md-raised' style='color:red'
-        ng-click='classResponseCtrl.deleteButtonClicked(classResponseCtrl.response)'>
-        Delete
-      </md-button>
-      <md-button class='md-raised'
-        ng-if='classResponseCtrl.response.latestInappropriateFlagAnnotation.data.action === "Delete"' style='color:red'
-        ng-click='classResponseCtrl.undoDeleteButtonClicked(classResponseCtrl.response)'>
-        Undo Delete
-      </md-button>
-    </div>
-  </div>
-  <md-divider></md-divider>
-  <div class='discussion-comments'>
-    <div class='discussion-comments__contents' ng-if='classResponseCtrl.response.replies.length'>
-      <md-subheader class='md-no-sticky discussion-comments__header'>
-        <span ng-if='classResponseCtrl.response.replies.length == 1'>
-          {{ ::'discussion.comments' | translate }} ({{ classResponseCtrl.response.replies.length }})
-        </span>
-        <a ng-if='classResponseCtrl.response.replies.length > 1' ng-click='classResponseCtrl.toggleExpanded()'>
-          {{ ::'discussion.comments' | translate }} ({{ classResponseCtrl.response.replies.length }})
-          <md-icon class='md-primary'>{{classResponseCtrl.expanded ? 'expand_less' : 'expand_more'}}</md-icon>
-        </a>
-      </md-subheader>
-      <md-list class='discussion-comments__list'>
-        <md-list-item class='discussion-reply' layout-align='start start' ng-class='::{"animate-show": !$last}'
-          ng-repeat='reply in classResponseCtrl.response.replies' ng-if='$last || classResponseCtrl.expanded'>
-          <div class='md-avatar discussion-post__avatar--reply discussion-post__avatar'>
-            <md-icon class='md-36'
-              style='color: {{::classResponseCtrl.getAvatarColorForWorkgroupId(reply.workgroupId)}}'>
-              account_circle
-            </md-icon>
-          </div>
-          <div class='md-list-item-text discusstion-reply__details'>
-            <h3 class='discussion-post__user discussion-post__user--reply' flex>
-              {{ ::reply.usernames }}
-              <span class='md-caption discussion-post__date discussion-post__date--reply component__actions__more'>
-                <md-tooltip md-direction='right'>
-                  {{ ::classResponseCtrl.adjustClientSaveTime(reply.serverSaveTime) | amDateFormat:'ddd, MMM D YYYY, h:mm a' }}
-                </md-tooltip>
-                <span am-time-ago='{{::classResponseCtrl.adjustClientSaveTime(reply.serverSaveTime)}}'></span>
-              </span>
-            </h3>
-            <div class='discusstion-reply__content md-body-1'>
-              {{ ::classResponseCtrl.injectLinks(reply.studentData.response) }}
-            </div>
-          </div>
-          <div ng-if='::(classResponseCtrl.mode === "grading" || classResponseCtrl.mode === "gradingRevision")'>
-            <md-button class='md-raised'
-              ng-if='(classResponseCtrl.response.latestInappropriateFlagAnnotation == null || classResponseCtrl.response.latestInappropriateFlagAnnotation.data.action != "Delete") && (reply.latestInappropriateFlagAnnotation == null || reply.latestInappropriateFlagAnnotation.data.action != "Delete")'
-              style='color:red' ng-click='classResponseCtrl.deleteButtonClicked(reply)'>
-              Delete
-            </md-button>
-            <span
-              ng-if='classResponseCtrl.response.latestInappropriateFlagAnnotation != null && classResponseCtrl.response.latestInappropriateFlagAnnotation.data.action == "Delete"'
-              style='color:red' title='Students will not see this post'>
-              Parent Deleted
-            </span>
-            <md-button class='md-raised'
-              ng-if='reply.latestInappropriateFlagAnnotation != null && reply.latestInappropriateFlagAnnotation.data.action == "Delete"'
-              style='color:red' ng-click='classResponseCtrl.undoDeleteButtonClicked(reply)'>
-              Undo Delete
-            </md-button>
-          </div>
-        </md-list-item>
-      </md-list>
-      <md-divider></md-divider>
-    </div>
-    <div class='discussion-new-reply' flex layout='row'
-      ng-if='::(classResponseCtrl.mode === "student" && !classResponseCtrl.isdisabled)'>
-      <md-input-container class='input-container discussion-new-reply__input-container md-block' md-no-float flex>
-        <textarea class='input--textarea discussion-reply__input' 
-          ng-model='::classResponseCtrl.response.replyText'
-          ng-keyup="classResponseCtrl.replyEntered($event)"
-          placeholder='{{ ::"addComment" | translate }}'
-          aria-label='{{ ::"addComment" | translate }}'>
-        </textarea>
-      </md-input-container>
-    </div>
-  </div>
-</md-card>
diff --git a/src/main/webapp/wise5/components/discussion/classResponse.ts b/src/main/webapp/wise5/components/discussion/classResponse.ts
deleted file mode 100644
index be8e4c42fe..0000000000
--- a/src/main/webapp/wise5/components/discussion/classResponse.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-'use strict';
-
-const ClassResponse = {
-  bindings: {
-    response: '<',
-    mode: '@',
-    deletebuttonclicked: '&',
-    undodeletebuttonclicked: '&',
-    submitbuttonclicked: '&',
-    studentdatachanged: '&',
-    isdisabled: '<'
-  },
-  templateUrl: 'wise5/components/discussion/classResponse.html',
-  controller: 'ClassResponseController as classResponseCtrl'
-};
-
-export default ClassResponse;
diff --git a/src/main/webapp/wise5/components/discussion/classResponseController.ts b/src/main/webapp/wise5/components/discussion/classResponseController.ts
deleted file mode 100644
index 92b0350c4d..0000000000
--- a/src/main/webapp/wise5/components/discussion/classResponseController.ts
+++ /dev/null
@@ -1,100 +0,0 @@
-import { ConfigService } from '../../services/configService';
-import { Input, Directive } from '@angular/core';
-
-@Directive()
-class ClassResponseController {
-  @Input()
-  submitbuttonclicked: any;
-
-  @Input()
-  deletebuttonclicked: any;
-
-  @Input()
-  undodeletebuttonclicked: any;
-
-  $scope: any;
-  $filter: any;
-  $translate: any;
-  ConfigService: ConfigService;
-  urlMatcher: any;
-  expanded: boolean;
-  response: any;
-
-  static $inject = ['$scope', '$filter', 'ConfigService'];
-
-  constructor($scope, $filter, ConfigService) {
-    this.$scope = $scope;
-    this.$filter = $filter;
-    this.ConfigService = ConfigService;
-    this.$translate = this.$filter('translate');
-    this.urlMatcher = /((http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)?[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?)/g;
-    this.expanded = false;
-
-    this.$scope.$watch(
-      () => {
-        return this.response.replies.length;
-      },
-      (numNew, numOld) => {
-        if (numNew !== numOld) {
-          this.expanded = true;
-        }
-      }
-    );
-  }
-
-  $onInit() {
-    this.injectLinksIntoResponse();
-  }
-
-  injectLinksIntoResponse() {
-    this.response.studentData.responseText = this.injectLinks(this.response.studentData.response);
-  }
-
-  injectLinks(response) {
-    return response.replace(this.urlMatcher, (match) => {
-      let matchUrl = match;
-      if (!match.startsWith('http')) {
-        /*
-         * The url does not begin with http so we will add // to the beginning of it so that the
-         * browser treats the url as an absolute link and not a relative link. The browser will also
-         * use the same protocol that the current page is loaded with (http or https).
-         */
-        matchUrl = '//' + match;
-      }
-      return `<a href="${matchUrl}" target="_blank">${match}</a>`;
-    });
-  }
-
-  getAvatarColorForWorkgroupId(workgroupId) {
-    return this.ConfigService.getAvatarColorForWorkgroupId(workgroupId);
-  }
-
-  replyEntered($event) {
-    if ($event.keyCode == 13 && !$event.shiftKey && this.response.replyText) {
-      $event.preventDefault();
-      this.submitbuttonclicked({ r: this.response });
-    }
-  }
-
-  deleteButtonClicked(componentState) {
-    if (confirm(this.$translate('discussion.areYouSureYouWantToDeleteThisPost'))) {
-      this.deletebuttonclicked({ componentState: componentState });
-    }
-  }
-
-  undoDeleteButtonClicked(componentState) {
-    if (confirm(this.$translate('discussion.areYouSureYouWantToShowThisPost'))) {
-      this.undodeletebuttonclicked({ componentState: componentState });
-    }
-  }
-
-  toggleExpanded() {
-    this.expanded = !this.expanded;
-  }
-
-  adjustClientSaveTime(time) {
-    return this.ConfigService.convertToClientTimestamp(time);
-  }
-}
-
-export default ClassResponseController;
diff --git a/src/main/webapp/wise5/components/discussion/discussionComponentModule.ts b/src/main/webapp/wise5/components/discussion/discussionComponentModule.ts
index de6836789b..9fe2d75da3 100644
--- a/src/main/webapp/wise5/components/discussion/discussionComponentModule.ts
+++ b/src/main/webapp/wise5/components/discussion/discussionComponentModule.ts
@@ -2,8 +2,6 @@
 
 import * as angular from 'angular';
 import { downgradeInjectable } from '@angular/upgrade/static';
-import ClassResponse from './classResponse';
-import ClassResponseController from './classResponseController';
 import { DiscussionService } from './discussionService';
 import DiscussionController from './discussionController';
 
@@ -11,8 +9,6 @@ const discussionComponentModule = angular
   .module('discussionComponentModule', ['pascalprecht.translate'])
   .service('DiscussionService', downgradeInjectable(DiscussionService))
   .controller('DiscussionController', DiscussionController)
-  .controller('ClassResponseController', ClassResponseController)
-  .component('classResponse', ClassResponse)
   .config([
     '$translatePartialLoaderProvider',
     ($translatePartialLoaderProvider) => {
diff --git a/src/main/webapp/wise5/components/discussion/discussionController.ts b/src/main/webapp/wise5/components/discussion/discussionController.ts
index bf1fbe6363..db794818a5 100644
--- a/src/main/webapp/wise5/components/discussion/discussionController.ts
+++ b/src/main/webapp/wise5/components/discussion/discussionController.ts
@@ -162,9 +162,7 @@ class DiscussionController extends ComponentController {
         this.setClassResponses(componentStates, annotations);
       }
     }
-    this.initializeScopeSubmitButtonClicked();
     this.initializeScopeGetComponentState();
-    this.initializeScopeStudentDataChanged();
     this.registerStudentWorkReceivedListener();
     this.initializeWatchMdMedia();
     this.broadcastDoneRenderingComponent();
@@ -206,25 +204,23 @@ class DiscussionController extends ComponentController {
     return connectedComponentIds;
   }
 
-  initializeScopeSubmitButtonClicked() {
-    this.$scope.submitbuttonclicked = (componentStateReplyingTo) => {
-      if (componentStateReplyingTo && componentStateReplyingTo.replyText) {
-        const componentState = componentStateReplyingTo;
-        const componentStateId = componentState.id;
-        this.$scope.discussionController.studentResponse = componentState.replyText;
-        this.$scope.discussionController.componentStateIdReplyingTo = componentStateId;
-        this.$scope.discussionController.isSubmit = true;
-        this.$scope.discussionController.isDirty = true;
-        componentStateReplyingTo.replyText = null;
-      } else {
-        this.$scope.discussionController.studentResponse = this.$scope.discussionController.newResponse;
-        this.$scope.discussionController.isSubmit = true;
-      }
-      this.StudentDataService.broadcastComponentSubmitTriggered({
-        nodeId: this.$scope.discussionController.nodeId,
-        componentId: this.$scope.discussionController.componentId
-      });
-    };
+  handleSubmitButtonClicked(componentStateReplyingTo: any = null): void {
+    if (componentStateReplyingTo && componentStateReplyingTo.replyText) {
+      const componentState = componentStateReplyingTo;
+      const componentStateId = componentState.id;
+      this.studentResponse = componentState.replyText;
+      this.componentStateIdReplyingTo = componentStateId;
+      this.isSubmit = true;
+      this.isDirty = true;
+      componentStateReplyingTo.replyText = null;
+    } else {
+      this.studentResponse = this.newResponse;
+      this.isSubmit = true;
+    }
+    this.StudentDataService.broadcastComponentSubmitTriggered({
+      nodeId: this.nodeId,
+      componentId: this.componentId
+    });
   }
 
   initializeScopeGetComponentState() {
@@ -244,12 +240,6 @@ class DiscussionController extends ComponentController {
     };
   }
 
-  initializeScopeStudentDataChanged() {
-    this.$scope.studentdatachanged = () => {
-      this.$scope.discussionController.studentDataChanged();
-    };
-  }
-
   registerStudentWorkSavedToServerListener() {
     this.studentWorkSavedToServerSubscription = this.StudentDataService.studentWorkSavedToServer$.subscribe(
       (args: any) => {
@@ -435,7 +425,7 @@ class DiscussionController extends ComponentController {
   submitButtonClicked() {
     this.isSubmit = true;
     this.disableComponentIfNecessary();
-    this.$scope.submitbuttonclicked();
+    this.handleSubmitButtonClicked();
   }
 
   studentDataChanged() {
@@ -696,7 +686,7 @@ class DiscussionController extends ComponentController {
    * @param componentState the student component state the teacher wants to
    * delete.
    */
-  deletebuttonclicked(componentState) {
+  deleteButtonClicked(componentState: any): void {
     const toWorkgroupId = componentState.workgroupId;
     const userInfo = this.ConfigService.getUserInfoByWorkgroupId(toWorkgroupId);
     const periodId = userInfo.periodId;
@@ -737,7 +727,7 @@ class DiscussionController extends ComponentController {
    * @param componentState the student component state the teacher wants to
    * show again.
    */
-  undodeletebuttonclicked(componentState) {
+  undoDeleteButtonClicked(componentState: any): any {
     const toWorkgroupId = componentState.workgroupId;
     const userInfo = this.ConfigService.getUserInfoByWorkgroupId(toWorkgroupId);
     const periodId = userInfo.periodId;
diff --git a/src/main/webapp/wise5/components/discussion/index.html b/src/main/webapp/wise5/components/discussion/index.html
index c9fc293912..4a73b3c804 100644
--- a/src/main/webapp/wise5/components/discussion/index.html
+++ b/src/main/webapp/wise5/components/discussion/index.html
@@ -15,12 +15,12 @@
                 <div class='discussion-posts'
                     flex>
                   <class-response ng-repeat='componentState in discussionController.topLevelResponses.all'
-                      response='componentState'
-                      submitbuttonclicked='submitbuttonclicked(r)'
-                      mode='{{::discussionController.mode}}'
-                      deletebuttonclicked='discussionController.deletebuttonclicked(componentState)'
-                      undodeletebuttonclicked='discussionController.undodeletebuttonclicked(componentState)'
-                      studentdatachanged='studentdatachanged()'
+                      [response]='componentState'
+                      [numreplies]='componentState.replies.length'
+                      (submit-button-clicked)='discussionController.handleSubmitButtonClicked(componentState)'
+                      [mode]='discussionController.mode'
+                      (delete-button-clicked)='discussionController.deleteButtonClicked($event)'
+                      (undo-delete-button-clicked)='discussionController.undoDeleteButtonClicked($event)'
                       class='post'>
                   </class-response>
                 </div>
@@ -111,7 +111,7 @@
                     <md-icon>image</md-icon>
                   </md-button>
                   <md-button class='md-raised md-primary'
-                      ng-click='discussionController.submitButtonClicked()'
+                      ng-click='discussionController.handleSubmitButtonClicked()'
                       ng-disabled='discussionController.isDisabled || (!discussionController.newResponse && discussionController.attachments.length == 0)'>
                     {{ ::'discussion.post' | translate }}
                   </md-button>
@@ -119,36 +119,37 @@
               </md-card>
               <class-response ng-repeat='componentState in discussionController.topLevelResponses.all'
                   ng-if='!mdScreen'
-                  response='::componentState'
-                  submitbuttonclicked='submitbuttonclicked(r)'
-                  mode='{{::discussionController.mode}}'
-                  deletebuttonclicked='discussionController.deletebuttonclicked(componentState)'
-                  undodeletebuttonclicked='discussionController.undodeletebuttonclicked(componentState)'
-                  studentdatachanged='studentdatachanged()'
-                  isdisabled='::discussionController.isDisabled'
+                  [response]='componentState'
+                  [numreplies]='componentState.replies.length'
+                  (submit-button-clicked)='discussionController.handleSubmitButtonClicked(componentState)'
+                  [mode]='discussionController.mode'
+                  (delete-button-clicked)='discussionController.deleteButtonClicked($event)'
+                  (undo-delete-button-clicked)='discussionController.undoDeleteButtonClicked($event)'
+                  [isdisabled]='discussionController.isDisabled'
                   class='post'>
               </class-response>
               <class-response ng-repeat='componentState in discussionController.topLevelResponses.col2'
                   ng-if='mdScreen'
-                  response='::componentState'
-                  submitbuttonclicked='submitbuttonclicked(r)'
-                  mode='{{::discussionController.mode}}'
-                  deletebuttonclicked='discussionController.deletebuttonclicked(componentState)'
-                  undodeletebuttonclicked='discussionController.undodeletebuttonclicked(componentState)'
-                  studentdatachanged='studentdatachanged()'
-                  isdisabled='::discussionController.isDisabled'
+                  [response]='componentState'
+                  [numreplies]='componentState.replies.length'
+                  (submit-button-clicked)='discussionController.handleSubmitButtonClicked(componentState)'
+                  [mode]='discussionController.mode'
+                  (delete-button-clicked)='discussionController.deleteButtonClicked($event)'
+                  (undo-delete-button-clicked)='discussionController.undoDeleteButtonClicked($event)'
+                  [isdisabled]='discussionController.isDisabled'
                   class='post'>
               </class-response>
             </div>
             <div class='discussion-posts' ng-if='mdScreen' flex>
               <class-response ng-repeat='componentState in discussionController.topLevelResponses.col1'
-                  response='::componentState'
-                  submitbuttonclicked='submitbuttonclicked(r)'
-                  mode='{{::discussionController.mode}}'
-                  deletebuttonclicked='discussionController.deletebuttonclicked(componentState)'
-                  undodeletebuttonclicked='discussionController.undodeletebuttonclicked(componentState)'
-                  studentdatachanged='studentdatachanged()'
-                  isdisabled='::discussionController.isDisabled'
+                  [response]='componentState'
+                  [numreplies]='componentState.replies.length'
+                  (submit-button-clicked)='discussionController.handleSubmitButtonClicked(componentState)'
+                  [mode]='discussionController.mode'
+                  (delete-button-clicked)='discussionController.deleteButtonClicked($event)'
+                  (undo-delete-button-clicked)='discussionController.undoDeleteButtonClicked($event)'
+                  [isdisabled]='discussionController.isDisabled'
+                  class='post'
                   style='display: block;'>
               </class-response>
             </div>

From 9786664a69508de296a415f4028680d7f69bc26f Mon Sep 17 00:00:00 2001
From: Geoffrey Kwan <geoffreykwan@gmail.com>
Date: Fri, 5 Mar 2021 11:56:18 -0500
Subject: [PATCH 32/36] Fixed a problem with comments not showing up when a
 comment comes through websockets. #2948

---
 .../discussion/class-response/class-response.component.ts        | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/main/webapp/wise5/components/discussion/class-response/class-response.component.ts b/src/main/webapp/wise5/components/discussion/class-response/class-response.component.ts
index 43b17bcec1..dce950807c 100644
--- a/src/main/webapp/wise5/components/discussion/class-response/class-response.component.ts
+++ b/src/main/webapp/wise5/components/discussion/class-response/class-response.component.ts
@@ -47,6 +47,7 @@ export class ClassResponse {
     if (changes.numreplies != null && !changes.numreplies.isFirstChange()) {
       this.expanded = true;
       this.injectLinksIntoReplies();
+      this.showAllReplies();
     }
   }
 

From a5d4d82d230c66ee4eef30a5d628c0f150d01995 Mon Sep 17 00:00:00 2001
From: breity <breity10@gmail.com>
Date: Fri, 5 Mar 2021 09:54:28 -0800
Subject: [PATCH 33/36] Fixed public notebook content loading and display.
 #2827

---
 .../notebook/notebook-notes/notebook-notes.component.html   | 6 ++++--
 .../notebook-notes/notebook-notes.component.spec.ts         | 1 -
 .../app/notebook/notebook-notes/notebook-notes.component.ts | 2 ++
 src/main/webapp/site/src/messages.xlf                       | 2 +-
 4 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.html b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.html
index 1bff693e78..5408fcf364 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.html
+++ b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.html
@@ -69,13 +69,15 @@ <h4 *ngIf="!insertArgs.insertMode">{{label.link}}</h4>
   </ng-container>
   <div class="notes notes-grading" *ngIf="mode === 'classroomMonitor'">
     <div *ngFor="let group of groups">
-      <h4 *ngIf="groups.length > 1" class="group-header mat-body-2 secondary-text">{{group.title}}</h4>
+      <h4 *ngIf="groups.length > 1" class="group-header mat-body-2 secondary-text">
+        {{group.title}}
+      </h4>
       <p *ngIf="group.name === 'private' && !hasPrivateNotes" class="empty" i18n>
         Team hasn't created any {{label.plural}} yet.
       </p>
       <div fxLayout="row wrap" fxLayoutAlign="start center">
         <ng-container *ngFor="let note of group.items">
-          <notebook-item *ngIf="note.serverDeleteTime == null"
+          <notebook-item *ngIf="note.serverDeleteTime == null && this.workgroupId === note.workgroupId"
               [config]="config"
               [group]="group.name"
               [itemId]="note.localNotebookItemId"
diff --git a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.spec.ts b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.spec.ts
index a4d1ee5086..b5dcffbdf3 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.spec.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.spec.ts
@@ -39,7 +39,6 @@ describe('NotebookNotesComponent', () => {
     const fixture = TestBed.createComponent(NotebookNotesComponent);
     component = fixture.componentInstance;
     component.notebookUpdatedSubscription = new Subscription();
-    component.openNotebookSubscription = new Subscription();
     component.insertModeSubscription = new Subscription();
     component.publicNotebookItemsRetrievedSubscription = new Subscription();
   });
diff --git a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts
index 4e4ec9e632..c4e1e7195d 100644
--- a/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts
+++ b/src/main/webapp/site/src/app/notebook/notebook-notes/notebook-notes.component.ts
@@ -76,6 +76,8 @@ export class NotebookNotesComponent extends NotebookParentComponent {
         }
       }
     );
+
+    this.NotebookService.retrievePublicNotebookItems('public');
   }
 
   ngOnDestroy(): void {
diff --git a/src/main/webapp/site/src/messages.xlf b/src/main/webapp/site/src/messages.xlf
index 470f43f357..a9993ba211 100644
--- a/src/main/webapp/site/src/messages.xlf
+++ b/src/main/webapp/site/src/messages.xlf
@@ -5632,7 +5632,7 @@
         <source> Team hasn't created any <x equiv-text="{{label.plural}}" id="INTERPOLATION"/> yet. </source>
         <context-group purpose="location">
           <context context-type="sourcefile">app/notebook/notebook-notes/notebook-notes.component.html</context>
-          <context context-type="linenumber">73</context>
+          <context context-type="linenumber">75</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="3de550daa9bf35829dbeb9099844614347d2dbc5">

From abd1e9f98a5f82956b074a30e00ef5ab440b1de5 Mon Sep 17 00:00:00 2001
From: breity <breity10@gmail.com>
Date: Mon, 8 Mar 2021 16:07:34 -0800
Subject: [PATCH 34/36] Updated ClassResponse html and styles; moved css to
 component. #2948

---
 src/main/webapp/site/src/messages.xlf         |  45 ++--
 .../webapp/site/src/style/themes/_apps.scss   |   5 -
 .../class-response.component.html             | 198 +++++++++---------
 .../class-response.component.scss             | 107 ++++++----
 .../class-response.component.ts               |   5 +-
 .../wise5/themes/default/style/author.css     |   2 +-
 .../wise5/themes/default/style/author.css.map |   2 +-
 .../style/modules/_component--discussion.scss | 112 ----------
 .../wise5/themes/default/style/monitor.css    |   2 +-
 .../themes/default/style/monitor.css.map      |   2 +-
 .../webapp/wise5/themes/default/style/vle.css |   2 +-
 .../wise5/themes/default/style/vle.css.map    |   2 +-
 12 files changed, 198 insertions(+), 286 deletions(-)

diff --git a/src/main/webapp/site/src/messages.xlf b/src/main/webapp/site/src/messages.xlf
index 0b15fb8d37..e5e1d25cde 100644
--- a/src/main/webapp/site/src/messages.xlf
+++ b/src/main/webapp/site/src/messages.xlf
@@ -5593,35 +5593,50 @@
           <context context-type="linenumber">4</context>
         </context-group>
       </trans-unit>
+      <trans-unit datatype="html" id="f1affa088d785794802225dbc56ee2ff3d785f87">
+        <source>Post attachment</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">../../wise5/components/discussion/class-response/class-response.component.html</context>
+          <context context-type="linenumber">25</context>
+        </context-group>
+      </trans-unit>
       <trans-unit datatype="html" id="d7acc4c320f2cec1d3d4e86dfa25ac5f5e6783b9">
         <source> Delete </source>
         <context-group purpose="location">
           <context context-type="sourcefile">../../wise5/components/discussion/class-response/class-response.component.html</context>
-          <context context-type="linenumber">36</context>
+          <context context-type="linenumber">37</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="f524c5795e54443e0f5c72ab2a19075cc9718bea">
         <source>Delete this post so students will not see it</source>
         <context-group purpose="location">
           <context context-type="sourcefile">../../wise5/components/discussion/class-response/class-response.component.html</context>
-          <context context-type="linenumber">33</context>
+          <context context-type="linenumber">34</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">../../wise5/components/discussion/class-response/class-response.component.html</context>
+          <context context-type="linenumber">92</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="d7f72f04c70b2b96fbd7fe3141ac1d37180cd293">
         <source> Undo Delete </source>
         <context-group purpose="location">
           <context context-type="sourcefile">../../wise5/components/discussion/class-response/class-response.component.html</context>
-          <context context-type="linenumber">47</context>
+          <context context-type="linenumber">48</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="36ef0871b0f11b13ec0c34610f695b32a85f0bdf">
         <source>Make this post viewable to students</source>
         <context-group purpose="location">
           <context context-type="sourcefile">../../wise5/components/discussion/class-response/class-response.component.html</context>
-          <context context-type="linenumber">44</context>
+          <context context-type="linenumber">45</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">../../wise5/components/discussion/class-response/class-response.component.html</context>
+          <context context-type="linenumber">112</context>
         </context-group>
       </trans-unit>
-      <trans-unit datatype="html" id="16e248e3afa08f186eb693c218786aef600454fe">
+      <trans-unit datatype="html" id="44f8132ed48105af852b8d21db511dfc43914bea">
         <source> Comments (<x equiv-text="{{ response.replies.length }}" id="INTERPOLATION"/>) </source>
         <context-group purpose="location">
           <context context-type="sourcefile">../../wise5/components/discussion/class-response/class-response.component.html</context>
@@ -5632,46 +5647,46 @@
         <source>Comments (<x equiv-text="{{ response.replies.length }}" id="INTERPOLATION"/>)</source>
         <context-group purpose="location">
           <context context-type="sourcefile">../../wise5/components/discussion/class-response/class-response.component.html</context>
-          <context context-type="linenumber">62</context>
+          <context context-type="linenumber">63</context>
         </context-group>
       </trans-unit>
-      <trans-unit datatype="html" id="a3cf13c419f9f37a2b338ed0617d72137051b910">
+      <trans-unit datatype="html" id="7aafd81526e4dbfbfe16413c3e1350f66939ec96">
         <source> Delete </source>
         <context-group purpose="location">
           <context context-type="sourcefile">../../wise5/components/discussion/class-response/class-response.component.html</context>
-          <context context-type="linenumber">97</context>
+          <context context-type="linenumber">94</context>
         </context-group>
       </trans-unit>
-      <trans-unit datatype="html" id="f1eaf1ba5c96f5aea47d2d3067eeeb32120831fc">
+      <trans-unit datatype="html" id="02c1d5b1e28ebc2ffda15aefc9e8f281bb2d8b46">
         <source> Parent Deleted </source>
         <context-group purpose="location">
           <context context-type="sourcefile">../../wise5/components/discussion/class-response/class-response.component.html</context>
-          <context context-type="linenumber">106</context>
+          <context context-type="linenumber">103</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="49ab78663d368b2e86c7b44c46e10636f5c0d6eb">
         <source>Students will not see this post</source>
         <context-group purpose="location">
           <context context-type="sourcefile">../../wise5/components/discussion/class-response/class-response.component.html</context>
-          <context context-type="linenumber">103</context>
+          <context context-type="linenumber">101</context>
         </context-group>
       </trans-unit>
-      <trans-unit datatype="html" id="e76562563d96af320c4b1278cf8e35c8a02ab58b">
+      <trans-unit datatype="html" id="df53535d31be0673e662796139ade095bd430358">
         <source> Undo Delete </source>
         <context-group purpose="location">
           <context context-type="sourcefile">../../wise5/components/discussion/class-response/class-response.component.html</context>
-          <context context-type="linenumber">116</context>
+          <context context-type="linenumber">114</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="73c0a017e42353ac091f4a487c3d9ada970c7dce">
         <source>Add Comment</source>
         <context-group purpose="location">
           <context context-type="sourcefile">../../wise5/components/discussion/class-response/class-response.component.html</context>
-          <context context-type="linenumber">131</context>
+          <context context-type="linenumber">127</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">../../wise5/components/discussion/class-response/class-response.component.html</context>
-          <context context-type="linenumber">133</context>
+          <context context-type="linenumber">129</context>
         </context-group>
       </trans-unit>
       <trans-unit datatype="html" id="74b04b602d4148d1cb5de4da90c0e91ec9bae5ac">
diff --git a/src/main/webapp/site/src/style/themes/_apps.scss b/src/main/webapp/site/src/style/themes/_apps.scss
index 2223d0f831..d1ea58a601 100644
--- a/src/main/webapp/site/src/style/themes/_apps.scss
+++ b/src/main/webapp/site/src/style/themes/_apps.scss
@@ -93,11 +93,6 @@ $subhead-font-size-base:   rem(1.600) !default;
     font-weight: 700;
   }
 
-  .more-info {
-    border-bottom: 1px dotted;
-    font-style: italic;
-  }
-
   .more {
     display: inline-block;
   }
diff --git a/src/main/webapp/wise5/components/discussion/class-response/class-response.component.html b/src/main/webapp/wise5/components/discussion/class-response/class-response.component.html
index f4974396e9..e8cfc49544 100644
--- a/src/main/webapp/wise5/components/discussion/class-response/class-response.component.html
+++ b/src/main/webapp/wise5/components/discussion/class-response/class-response.component.html
@@ -1,16 +1,14 @@
-<mat-card class="discussion-post">
-  <div class="discussion-post__contents">
-    <div fxLayout="row" fxLayoutAlign="start center">
-      <div class="discussion-post__avatar">
-        <mat-icon class="md-48"
-          style="color: {{getAvatarColorForWorkgroupId(response.workgroupId)}};">
-          account_circle
-        </mat-icon>
-      </div>
-      <div flex>
-        <div class="discussion-post__user">{{ response.usernames }}</div>
-        <div class="discussion-post__date">
-          <span class="component__actions__more"
+<mat-card class="class-response">
+  <div class="contents">
+    <div fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="8px">
+      <mat-icon class="md-48"
+        style="color: {{getAvatarColorForWorkgroupId(response.workgroupId)}};">
+        account_circle
+      </mat-icon>
+      <div>
+        <div class="mat-body-2">{{ response.usernames }}</div>
+        <div class="mat-caption secondary-text">
+          <span class="more-info"
               matTooltip="{{adjustClientSaveTime(response.serverSaveTime) | amDateFormat:'ddd, MMM D YYYY, h:mm a'}}"
               matTooltipPosition="right">
             {{ adjustClientSaveTime(response.serverSaveTime) | amTimeAgo }}
@@ -18,17 +16,20 @@
         </div>
       </div>
     </div>
-    <div class="discussion-post__content"
+    <div class="post"
       [innerHTML]="response.studentData.responseTextHTML">
     </div>
     <img *ngFor="let attachment of response.studentData.attachments"
-      [src]="attachment.iconURL" alt="Image" class="discussion-post__attachment" />
+        [src]="attachment.iconURL"
+        i18n-alt
+        alt="Post attachment" 
+        class="attachment" />
     <div fxLayoutAlign="end center" *ngIf="mode === 'grading' || mode === 'gradingRevision'">
       <br />
       <button
           *ngIf="response.latestInappropriateFlagAnnotation == null || response.latestInappropriateFlagAnnotation.data == null || response.latestInappropriateFlagAnnotation.data.action != 'Delete'"
           mat-raised-button
-          class="delete-button"
+          class="warn"
           (click)="delete(response)"
           matTooltip="Delete this post so students will not see it"
           matTooltipPosition="above"
@@ -39,7 +40,7 @@
       <button
           *ngIf="response.latestInappropriateFlagAnnotation != null && response.latestInappropriateFlagAnnotation.data.action === 'Delete'"
           mat-raised-button
-          class="delete-button"
+          class="warn"
           (click)="undoDelete(response)"
           matTooltip="Make this post viewable to students"
           matTooltipPosition="above"
@@ -50,91 +51,84 @@
     </div>
   </div>
   <mat-divider *ngIf="mode === 'student' || response.replies.length > 0"></mat-divider>
-  <div class="discussion-comments">
-    <div class="discussion-comments__contents" *ngIf="response.replies.length > 0">
-      <div class="discussion-comments__header" matSubheader>
-        <span *ngIf="response.replies.length === 1" i18n>
-          Comments ({{ response.replies.length }})
-        </span>
-        <a *ngIf="response.replies.length > 1"
-            (click)="toggleExpanded()"
-            fxLayoutAlign="start center">
-          <span i18n>Comments ({{ response.replies.length }})</span>
-          <mat-icon>{{expanded ? "expand_less" : "expand_more"}}</mat-icon>
-        </a>
-      </div>
-      <mat-list class="discussion-comments__list">
-        <mat-list-item class="discussion-reply" [ngClass]="{'animate-show': !isLast}"
-            *ngFor="let reply of repliesToShow">
-          <div class="discussion-post__avatar--reply discussion-post__avatar">
-            <mat-icon class="mat-24"
-              style="color: {{getAvatarColorForWorkgroupId(reply.workgroupId)}}">
-              account_circle
-            </mat-icon>
-          </div>
-          <div class="discussion-reply__details">
-            <h3 class="discussion-post__user discussion-post__user--reply">
-              {{ reply.usernames }}
-              <span class="discussion-post__date discussion-post__date--reply component__actions__more"
-                  matTooltip="{{adjustClientSaveTime(reply.serverSaveTime) | amDateFormat:'ddd, MMM D YYYY, h:mm a'}}"
-                  matTooltipPosition="right">
-                {{ adjustClientSaveTime(reply.serverSaveTime) | amTimeAgo }}
-              </span>
-            </h3>
-            <div class="discusstion-reply__content"
-                [innerHTML]="reply.studentData.responseHTML">
-            </div>
-          </div>
-          <div fxFlex></div>
-          <div *ngIf="mode === 'grading' || mode === 'gradingRevision'">
-            <button
-                *ngIf="(response.latestInappropriateFlagAnnotation == null || response.latestInappropriateFlagAnnotation.data.action !== 'Delete') && (reply.latestInappropriateFlagAnnotation == null || reply.latestInappropriateFlagAnnotation.data.action != 'Delete')"
-                mat-raised-button
-                class="delete-button"
-                (click)="delete(reply)"
-                matTooltip="Delete this post so students will not see it"
-                matTooltipPosition="above"
-                i18n>
-              Delete
-            </button>
-            <span
-                *ngIf="response.latestInappropriateFlagAnnotation != null && response.latestInappropriateFlagAnnotation.data.action === 'Delete'"
-                class="parent-deleted-message"
-                matTooltip="Students will not see this post"
-                matTooltipPosition="above"
-                i18n-matTooltip
-                i18n>
-              Parent Deleted
-            </span>
-            <button
-                *ngIf="reply.latestInappropriateFlagAnnotation != null && reply.latestInappropriateFlagAnnotation.data.action === 'Delete'"
-                mat-raised-button
-                class="delete-button"
-                (click)="undoDelete(reply)"
-                matTooltip="Make this post viewable to students"
-                matTooltipPosition="above"
-                i18n>
-              Undo Delete
-            </button>
-          </div>
-        </mat-list-item>
-      </mat-list>
-      <mat-divider></mat-divider>
-    </div>
-    <div class="discussion-new-reply" fxLayout="row"
-      *ngIf="mode === 'student' && !isdisabled">
-      <div class="input-container discussion-new-reply__input-container">
-        <textarea
-            class="input--textarea discussion-reply__input" 
-            [(ngModel)]="response.replyText"
-            (keyup)="replyEntered($event)"
-            placeholder="Add Comment"
-            i18n-placeholder
-            aria-label="Add Comment"
-            i18n-aria-label
-            cdkTextareaAutosize>
-        </textarea>
-      </div>
+  <div class="notice-bg-bg" *ngIf="response.replies.length > 0">
+    <div class="comments-header" matSubheader>
+      <span *ngIf="response.replies.length === 1" i18n>
+        Comments ({{ response.replies.length }})
+      </span>
+      <a *ngIf="response.replies.length > 1"
+          [routerLink]=""
+          (click)="toggleExpanded()"
+          fxLayoutAlign="start center">
+        <span i18n>Comments ({{ response.replies.length }})</span>
+        <mat-icon>{{expanded ? "expand_less" : "expand_more"}}</mat-icon>
+      </a>
     </div>
+    <mat-list class="comments">
+      <mat-list-item [ngClass]="{'animate-show': !isLast}"
+          *ngFor="let reply of repliesToShow">
+        <mat-icon matListAvatar
+          class="mat-40"
+          style="color: {{getAvatarColorForWorkgroupId(reply.workgroupId)}}">
+          account_circle
+        </mat-icon>
+        <h3 matLine>
+          <span class="mat-body-2">{{ reply.usernames }}</span>&nbsp;
+          <span class="more-info secondary-text mat-caption"
+              matTooltip="{{adjustClientSaveTime(reply.serverSaveTime) | amDateFormat:'ddd, MMM D YYYY, h:mm a'}}"
+              matTooltipPosition="right">
+            {{ adjustClientSaveTime(reply.serverSaveTime) | amTimeAgo }}
+          </span>
+        </h3>
+        <p matLine [innerHTML]="reply.studentData.responseHTML"></p>
+        <div fxFlex></div>
+        <div *ngIf="mode === 'grading' || mode === 'gradingRevision'">
+          <button
+              *ngIf="(response.latestInappropriateFlagAnnotation == null || response.latestInappropriateFlagAnnotation.data.action !== 'Delete') && (reply.latestInappropriateFlagAnnotation == null || reply.latestInappropriateFlagAnnotation.data.action != 'Delete')"
+              mat-raised-button
+              class="warn"
+              (click)="delete(reply)"
+              i18n-matTooltip
+              matTooltip="Delete this post so students will not see it"
+              matTooltipPosition="above"
+              i18n>
+            Delete
+          </button>
+          <span
+              *ngIf="response.latestInappropriateFlagAnnotation != null && response.latestInappropriateFlagAnnotation.data.action === 'Delete'"
+              class="warn"
+              i18n-matTooltip
+              matTooltip="Students will not see this post"
+              matTooltipPosition="above"
+              i18n>
+            Parent Deleted
+          </span>
+          <button
+              *ngIf="reply.latestInappropriateFlagAnnotation != null && reply.latestInappropriateFlagAnnotation.data.action === 'Delete'"
+              mat-raised-button
+              class="warn"
+              (click)="undoDelete(reply)"
+              i18n-matTooltip
+              matTooltip="Make this post viewable to students"
+              matTooltipPosition="above"
+              i18n>
+            Undo Delete
+          </button>
+        </div>
+      </mat-list-item>
+    </mat-list>
+    <mat-divider></mat-divider>
+  </div>
+  <div class="new-reply" fxLayout="row"
+    *ngIf="mode === 'student' && !isdisabled">
+    <textarea class="new-reply-input" 
+        [(ngModel)]="response.replyText"
+        (keyup)="replyEntered($event)"
+        placeholder="Add Comment"
+        i18n-placeholder
+        aria-label="Add Comment"
+        i18n-aria-label
+        cdkTextareaAutosize>
+    </textarea>
   </div>
 </mat-card>
diff --git a/src/main/webapp/wise5/components/discussion/class-response/class-response.component.scss b/src/main/webapp/wise5/components/discussion/class-response/class-response.component.scss
index 59f17feee9..2a77f07323 100644
--- a/src/main/webapp/wise5/components/discussion/class-response/class-response.component.scss
+++ b/src/main/webapp/wise5/components/discussion/class-response/class-response.component.scss
@@ -1,48 +1,67 @@
-.discussion-post {
-  padding: 0px !important;
-}
+@import '~style/abstracts/variables', '~style/abstracts/functions';
 
-.discussion-comments__contents {
-  .discussion-comments__header {
+.class-response {
+  margin: 0 auto 16px;
+
+  &.mat-card {
+    padding: 0px;
+  }
+
+  .contents,
+  .comments-header {
+    padding: 16px;
+  }
+
+  .post {
+    margin-top: 16px;
+  }
+
+  .attachment {
+    max-width: 100%;
+    height: auto;
+    margin-top: 16px;
+  }
+
+  .comments {
+    padding: 0;
+    max-height: 400px;
+    overflow-y: auto;
+  }
+
+  .mat-list-base .mat-list-item {
+    &.mat-2-line {
+      height: auto;
+      margin-bottom: 12px;
+    }
+    
+    .mat-line {
+      white-space: normal;
+    }
+
+    .mat-list-item-content {
+      align-items: flex-start;
+    }
+
+    &.mat-list-item-with-avatar .mat-list-item-content .mat-list-text {
+      padding-left: 8px;
+
+      [dir=rtl] & {
+        padding-right: 8px;
+      }
+    }
+  }
+
+  .new-reply {
     padding: 16px;
   }
-}
-
-.discussion-reply {
-  height: 100% !important;
-  width: 95% !important;
-}
-
-::ng-deep .mat-list-item-content {
-  width: 100% !important;
-  flex-direction: row !important;
-  align-items: flex-start !important;
-}
-
-.discussion-post__user {
-  font-size: 14px;
-  padding: 0px;
-  margin: 0px;
-}
-
-.discussion-new-reply__input-container {
-  width: 100%;
-}
-
-.discussion-reply__input {
-  width: 95%;
-  padding: 12px;
-  border: 0;
-  outline: none;
-  line-height: 1.5em;
-}
-
-.delete-button {
-  color: red;
-  margin-left: 12px;
-}
-
-.parent-deleted-message {
-  color: red;
-  margin-left: 12px;
+
+  .new-reply-input {
+    width: 100%;
+    border: 0 none;
+    overflow: hidden;
+
+    &:focus {
+      outline: none;
+    }
+  }
 }
\ No newline at end of file
diff --git a/src/main/webapp/wise5/components/discussion/class-response/class-response.component.ts b/src/main/webapp/wise5/components/discussion/class-response/class-response.component.ts
index dce950807c..54ce1223f8 100644
--- a/src/main/webapp/wise5/components/discussion/class-response/class-response.component.ts
+++ b/src/main/webapp/wise5/components/discussion/class-response/class-response.component.ts
@@ -1,10 +1,11 @@
-import { Component, EventEmitter, Input, Output, SimpleChanges } from '@angular/core';
+import { Component, EventEmitter, Input, Output, SimpleChanges, ViewEncapsulation } from '@angular/core';
 import { ConfigService } from '../../../services/configService';
 
 @Component({
   selector: 'class-response',
   templateUrl: 'class-response.component.html',
-  styleUrls: ['class-response.component.scss']
+  styleUrls: ['class-response.component.scss'],
+  encapsulation: ViewEncapsulation.None
 })
 export class ClassResponse {
   @Input()
diff --git a/src/main/webapp/wise5/themes/default/style/author.css b/src/main/webapp/wise5/themes/default/style/author.css
index 5f0c2c3518..383f751683 100644
--- a/src/main/webapp/wise5/themes/default/style/author.css
+++ b/src/main/webapp/wise5/themes/default/style/author.css
@@ -1,2 +1,2 @@
-body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#7e57c2}blockquote{background-color:#fff;padding:8px;margin:16px 0;border:solid #7e57c2;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#7e57c2;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#7e57c2!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#fff}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#7e57c2;background-color:#fff}.primary{color:#7e57c2}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#fff}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#7e57c2}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#fff}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#7e57c2}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#fff}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav{background-color:#eee!important}.l-node{margin-top:42px;padding:0}@media only screen and (min-width:600px){.l-node{padding:0 0 16px;background-color:#eee!important}}@media only screen and (min-width:960px){.l-node{padding:0 0 32px}}.l-notebook{margin-top:42px;background-color:#eee!important}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#7e57c2}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#7e57c2}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#fff}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#7e57c2}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #7e57c2;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}@media only screen and (min-width:600px){.notebook-launcher.md-button.md-fab{z-index:61}}.notebook-report{border-radius:4px 4px 0 0;margin:0;height:100%}.notebook-report .note-toolbar{margin:-8px -8px 8px;padding:4px;border-bottom:0;border-top:0;border-color:#ddd currentcolor;border-style:solid none;border-width:1px 0;border-radius:0}.notebook-report .note-toolbar .btn-group{margin-top:0}.notebook-report .note-btn{border:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.notebook-report-container{height:550px;width:450px;max-height:90%;bottom:0;right:96px;position:absolute;z-index:3}@media only screen and (min-width:960px){.notes-visible .notebook-report-container{right:516px;transition:right .25s}}.notebook-report-container__full{top:16px;bottom:16px;left:16px;right:16px;max-height:none;max-width:none;height:auto;width:auto}.notebook-report-container__full .notebook-report{height:100%;width:100%;margin:0 auto;max-height:none;border-radius:4px}.notebook-report-container__collapsed{width:300px;height:auto}.notebook-report-container__collapsed .notebook-report__actions,.notebook-report-container__collapsed .notebook-report__content,.notebook-report-container__collapsed .notebook-report__content__header{display:none}.notebook-report__toolbar{background-color:#333!important;border-radius:4px 4px 0 0}.notebook-report__toolbar__title{max-width:150px}.notebook-report__content{background-color:#fff}.notebook-report__content h1,.notebook-report__content h2,.notebook-report__content h3,.notebook-report__content h4{font-size:22px}.notebook-report__content .note-editor.note-frame{border:0;border-radius:0;padding:0;box-shadow:none}.notebook-report__content .note-resizebar{display:none}.notebook-report__content__header{padding:8px;background-color:#fff;font-size:16px}@media only screen and (max-width:599px){.notebook-report-container:not(.notebook-report-container__collapsed){top:0;bottom:0;left:0;right:0;max-height:none;max-width:none;height:auto;width:auto}.notebook-report-container:not(.notebook-report-container__collapsed) .notebook-report{border-radius:0}.notebook-tools--full{display:none}}.notebook-report-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;background-color:#212121;opacity:.48}.notebook-menu{transition:opacity .5s}.notebook-menu.ng-enter{opacity:0}.notebook-menu .ng-enter-active{opacity:1;transition-delay:.25s}.notebook-menu.ng-hide,.notebook-menu.ng-hide-add,.notebook-menu.ng-hide-add-active,.notebook-menu.ng-hide-remove,.notebook-menu.ng-hide-remove-active,.notebook-menu.ng-leave-active{opacity:0}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.view-notebook-item{width:600px}.notebook-item--report{background-color:#fff}.notebook-item--report .note-editor{margin-bottom:16px;border-color:#ccc}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{position:fixed;top:94px;left:0;right:0;z-index:1}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{left:54px;padding:0 24px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{padding:0 32px}}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 8px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}}.notebook-item--report__container.ui-scrollpoint .note-editor{padding-top:40px}.notebook-item--report__toolbar .note-toolbar{background-color:#ddd;border:1px solid #ccc;margin-bottom:-2px}.notebook-item--report__heading{text-align:center;margin-bottom:32px}.notebook-item--report__add-note{font-weight:700}.notebook-item--report__note-img{max-width:100%;height:auto!important}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}.notebook-items{width:100%;overflow:auto;margin-top:16px;margin-bottom:76px}.notebook-items .notebook-item{width:100%}.notebook-items .notebook-item__content{height:200px;min-width:0}.notebook-items--grading{margin-bottom:0}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#7e57c2}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#7e57c2}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
+body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#7e57c2}blockquote{background-color:#fff;padding:8px;margin:16px 0;border:solid #7e57c2;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#7e57c2;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#7e57c2!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#fff}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#7e57c2;background-color:#fff}.primary{color:#7e57c2}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#fff}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#7e57c2}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#fff}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#7e57c2}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#fff}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav{background-color:#eee!important}.l-node{margin-top:42px;padding:0}@media only screen and (min-width:600px){.l-node{padding:0 0 16px;background-color:#eee!important}}@media only screen and (min-width:960px){.l-node{padding:0 0 32px}}.l-notebook{margin-top:42px;background-color:#eee!important}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#7e57c2}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#7e57c2}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#fff}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#7e57c2}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #7e57c2;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}@media only screen and (min-width:600px){.notebook-launcher.md-button.md-fab{z-index:61}}.notebook-report{border-radius:4px 4px 0 0;margin:0;height:100%}.notebook-report .note-toolbar{margin:-8px -8px 8px;padding:4px;border-bottom:0;border-top:0;border-color:#ddd currentcolor;border-style:solid none;border-width:1px 0;border-radius:0}.notebook-report .note-toolbar .btn-group{margin-top:0}.notebook-report .note-btn{border:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.notebook-report-container{height:550px;width:450px;max-height:90%;bottom:0;right:96px;position:absolute;z-index:3}@media only screen and (min-width:960px){.notes-visible .notebook-report-container{right:516px;transition:right .25s}}.notebook-report-container__full{top:16px;bottom:16px;left:16px;right:16px;max-height:none;max-width:none;height:auto;width:auto}.notebook-report-container__full .notebook-report{height:100%;width:100%;margin:0 auto;max-height:none;border-radius:4px}.notebook-report-container__collapsed{width:300px;height:auto}.notebook-report-container__collapsed .notebook-report__actions,.notebook-report-container__collapsed .notebook-report__content,.notebook-report-container__collapsed .notebook-report__content__header{display:none}.notebook-report__toolbar{background-color:#333!important;border-radius:4px 4px 0 0}.notebook-report__toolbar__title{max-width:150px}.notebook-report__content{background-color:#fff}.notebook-report__content h1,.notebook-report__content h2,.notebook-report__content h3,.notebook-report__content h4{font-size:22px}.notebook-report__content .note-editor.note-frame{border:0;border-radius:0;padding:0;box-shadow:none}.notebook-report__content .note-resizebar{display:none}.notebook-report__content__header{padding:8px;background-color:#fff;font-size:16px}@media only screen and (max-width:599px){.notebook-report-container:not(.notebook-report-container__collapsed){top:0;bottom:0;left:0;right:0;max-height:none;max-width:none;height:auto;width:auto}.notebook-report-container:not(.notebook-report-container__collapsed) .notebook-report{border-radius:0}.notebook-tools--full{display:none}}.notebook-report-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;background-color:#212121;opacity:.48}.notebook-menu{transition:opacity .5s}.notebook-menu.ng-enter{opacity:0}.notebook-menu .ng-enter-active{opacity:1;transition-delay:.25s}.notebook-menu.ng-hide,.notebook-menu.ng-hide-add,.notebook-menu.ng-hide-add-active,.notebook-menu.ng-hide-remove,.notebook-menu.ng-hide-remove-active,.notebook-menu.ng-leave-active{opacity:0}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.view-notebook-item{width:600px}.notebook-item--report{background-color:#fff}.notebook-item--report .note-editor{margin-bottom:16px;border-color:#ccc}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{position:fixed;top:94px;left:0;right:0;z-index:1}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{left:54px;padding:0 24px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{padding:0 32px}}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 8px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}}.notebook-item--report__container.ui-scrollpoint .note-editor{padding-top:40px}.notebook-item--report__toolbar .note-toolbar{background-color:#ddd;border:1px solid #ccc;margin-bottom:-2px}.notebook-item--report__heading{text-align:center;margin-bottom:32px}.notebook-item--report__add-note{font-weight:700}.notebook-item--report__note-img{max-width:100%;height:auto!important}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}.notebook-items{width:100%;overflow:auto;margin-top:16px;margin-bottom:76px}.notebook-items .notebook-item{width:100%}.notebook-items .notebook-item__content{height:200px;min-width:0}.notebook-items--grading{margin-bottom:0}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.embedded-content__iframe{border:0}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#7e57c2}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#7e57c2}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
 /*# sourceMappingURL=author.css.map */
diff --git a/src/main/webapp/wise5/themes/default/style/author.css.map b/src/main/webapp/wise5/themes/default/style/author.css.map
index 80d6d468ec..826ca83381 100644
--- a/src/main/webapp/wise5/themes/default/style/author.css.map
+++ b/src/main/webapp/wise5/themes/default/style/author.css.map
@@ -1 +1 @@
-{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config--author.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/author.css","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-node.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,qBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBEQoB,CFPpB,eAAgB,CAChB,cGlC8B,CHmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBExDsB,CF4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,qBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,qBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,UCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,qBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"author.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Authoring Tool Colors\n$_primary-color: #7e57c2; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 56%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: map-merge($color, $body-color);\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #7e57c2; }\n\nblockquote {\n  background-color: white;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #7e57c2;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #7e57c2;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #7e57c2 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: white; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #7e57c2;\n  background-color: white; }\n\n.primary {\n  color: #7e57c2; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: white; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #7e57c2; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: white; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #7e57c2; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: white; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-node {\n  margin-top: 42px;\n  padding: 0; }\n  @media only screen and (min-width: 600px) {\n    .l-node {\n      padding: 0 0 16px;\n      background-color: #eeeeee !important; } }\n  @media only screen and (min-width: 960px) {\n    .l-node {\n      padding: 0 0 32px; } }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #7e57c2; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #7e57c2; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: white;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #7e57c2; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #7e57c2;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-launcher.md-button.md-fab {\n    z-index: 61; } }\n\n.notebook-report {\n  border-radius: 4px 4px 0 0;\n  margin: 0;\n  height: 100%; }\n  .notebook-report .note-toolbar {\n    margin: -8px -8px 8px;\n    padding: 4px;\n    border: 0 none;\n    border-top: 1px solid #dddddd;\n    border-bottom: 1px solid #dddddd;\n    border-radius: 0; }\n    .notebook-report .note-toolbar .btn-group {\n      margin-top: 0; }\n  .notebook-report .note-btn {\n    border: 0 none;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0; }\n\n.notebook-report-container {\n  height: 550px;\n  width: 450px;\n  max-height: 90%;\n  bottom: 0;\n  right: 96px;\n  position: absolute;\n  z-index: 3; }\n\n@media only screen and (min-width: 960px) {\n  .notes-visible .notebook-report-container {\n    right: 516px;\n    transition: right 250ms; } }\n\n.notebook-report-container__full {\n  top: 16px;\n  bottom: 16px;\n  left: 16px;\n  right: 16px;\n  max-height: none;\n  max-width: none;\n  height: auto;\n  width: auto; }\n  .notebook-report-container__full .notebook-report {\n    height: 100%;\n    width: 100%;\n    margin: 0 auto;\n    max-height: none;\n    border-radius: 4px; }\n\n.notebook-report-container__collapsed {\n  width: 300px;\n  height: auto; }\n  .notebook-report-container__collapsed .notebook-report__content, .notebook-report-container__collapsed .notebook-report__actions, .notebook-report-container__collapsed .notebook-report__content__header {\n    display: none; }\n\n.notebook-report__toolbar {\n  background-color: #333333 !important;\n  border-radius: 4px 4px 0 0; }\n\n.notebook-report__toolbar__title {\n  max-width: 150px; }\n\n.notebook-report__content {\n  background-color: #ffffff; }\n  .notebook-report__content h1, .notebook-report__content h2, .notebook-report__content h3, .notebook-report__content h4 {\n    font-size: 22px; }\n  .notebook-report__content .note-editor.note-frame {\n    border: 0 none;\n    border-radius: 0;\n    padding: 0;\n    box-shadow: none; }\n  .notebook-report__content .note-resizebar {\n    display: none; }\n\n.notebook-report__content__header {\n  padding: 8px;\n  background-color: #ffffff;\n  font-size: 16px; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-report-container:not(.notebook-report-container__collapsed) {\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    max-height: none;\n    max-width: none;\n    height: auto;\n    width: auto; }\n    .notebook-report-container:not(.notebook-report-container__collapsed) .notebook-report {\n      border-radius: 0; }\n  .notebook-tools--full {\n    display: none; } }\n\n.notebook-report-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 3;\n  background-color: #212121;\n  opacity: .48; }\n\n.notebook-menu {\n  transition: opacity 500ms; }\n  .notebook-menu.ng-enter {\n    opacity: 0; }\n  .notebook-menu .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .notebook-menu.ng-leave-active, .notebook-menu.ng-hide {\n    opacity: 0; }\n  .notebook-menu.ng-hide-add, .notebook-menu.ng-hide-add-active, .notebook-menu.ng-hide-remove, .notebook-menu.ng-hide-remove-active {\n    opacity: 0; }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.view-notebook-item {\n  width: 600px; }\n\n.notebook-item--report {\n  background-color: #ffffff; }\n  .notebook-item--report .note-editor {\n    margin-bottom: 16px;\n    border-color: #cccccc; }\n\n.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n  position: fixed;\n  top: 94px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      left: 54px; } }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 24px; } }\n  @media only screen and (min-width: 960px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 32px; } }\n  .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n    margin: 0 16px; }\n    @media only screen and (min-width: 600px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 8px; } }\n    @media only screen and (min-width: 960px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 16px; } }\n\n.notebook-item--report__container.ui-scrollpoint .note-editor {\n  padding-top: 40px; }\n\n.notebook-item--report__toolbar .note-toolbar {\n  background-color: #dddddd;\n  border: 1px solid #cccccc;\n  margin-bottom: -2px; }\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px; }\n\n.notebook-item--report__add-note {\n  font-weight: 700; }\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n.notebook-items {\n  width: 100%;\n  overflow: auto;\n  margin-top: 16px;\n  margin-bottom: 76px; }\n  .notebook-items .notebook-item {\n    width: 100%; }\n  .notebook-items .notebook-item__content {\n    height: 200px;\n    min-width: 0; }\n\n.notebook-items--grading {\n  margin-bottom: 0; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #7e57c2; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #7e57c2; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-node {\n  margin-top: $wise-toolbar-height;\n  padding: 0;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    padding: 0 0 16px;\n    background-color: color('body-bg') !important;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 0 0 32px;\n  }\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 56px;\n\n// Base\n.notebook-launcher {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        &.md-button.md-fab {\n            z-index: 61;\n        }\n    }\n}\n\n.notebook-report {\n    border-radius: 4px 4px 0 0;\n    margin: 0;\n    height: 100%;\n\n    .note-toolbar {\n        margin: -8px -8px 8px;\n        padding: 4px;\n        border: 0 none;\n        border-top: 1px solid color('gray-light');\n        border-bottom: 1px solid color('gray-light');\n        border-radius: 0;\n\n        .btn-group {\n            margin-top: 0;\n        }\n    }\n\n    .note-btn {\n        border: 0 none;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n}\n\n.notebook-report-container {\n    height: 550px;\n    width: 450px;\n    max-height: 90%;\n    bottom: 0;\n    right: 96px;\n    position: absolute;\n    z-index: 3;\n}\n\n.notes-visible {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        .notebook-report-container {\n            right: 516px;\n            transition: right 250ms;\n        }\n    }\n}\n\n.notebook-report-container__full {\n    top: 16px;\n    bottom: 16px;\n    left: 16px;\n    right: 16px;\n    max-height: none;\n    max-width: none;\n    height: auto;\n    width: auto;\n\n    .notebook-report {\n        height: 100%;\n        width: 100%;\n        margin: 0 auto;\n        max-height: none;\n        border-radius: $card-border-radius;\n    }\n}\n\n.notebook-report-container__collapsed {\n    width: 300px;\n    height: auto;\n\n    .notebook-report__content, .notebook-report__actions, .notebook-report__content__header {\n        display: none;\n    }\n}\n\n.notebook-report__toolbar {\n    background-color: color('gray-darkest') !important;\n    border-radius: $card-border-radius $card-border-radius 0 0;\n}\n\n.notebook-report__toolbar__title {\n    max-width: 150px;\n}\n\n.notebook-report__content {\n    h1, h2, h3, h4 {\n        font-size: rem(2.2);\n    }\n\n    background-color: #ffffff;\n\n    .note-editor.note-frame {\n        border: 0 none;\n        border-radius: 0;\n        padding: 0;\n        box-shadow: none;\n    }\n\n    .note-resizebar {\n        display: none;\n    }\n}\n\n.notebook-report__content__header {\n    padding: 8px;\n    background-color: #ffffff;\n    font-size: rem(1.6);\n}\n\n@media only screen and (max-width: $layout-breakpoint-xs - 1) {\n    .notebook-report-container {\n        &:not(.notebook-report-container__collapsed) {\n            top: 0;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            max-height: none;\n            max-width: none;\n            height: auto;\n            width: auto;\n\n            .notebook-report {\n                border-radius: 0;\n            }\n        }\n    }\n\n    .notebook-tools--full {\n        display: none;\n    }\n}\n\n.notebook-report-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 3;\n    background-color: rgba(33,33,33,1.0);\n    opacity: .48;\n}\n\n.notebook-menu {\n    transition: opacity 500ms;\n\n    &.ng-enter {\n        opacity: 0;\n    }\n\n    .ng-enter-active {\n        opacity: 1;\n        transition-delay: 250ms;\n    }\n\n    &.ng-leave-active, &.ng-hide {\n        opacity: 0;\n    }\n\n    &.ng-hide-add, &.ng-hide-add-active,\n    &.ng-hide-remove, &.ng-hide-remove-active {\n        opacity: 0;\n    }\n}\n\n.notebook-item {\n    transition: box-shadow 250ms;\n    margin: 0 16px 16px;\n    display: block;\n}\n\n.notebook-item__content {\n    height: 250px;\n    min-width: 230px;\n    position: relative;\n    padding: 0;\n    background-color: color('gray');\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n    position: absolute;\n    left: 0;\n    right: 0;\n}\n\n.notebook-item__content__attachment {\n    background-repeat: no-repeat !important;\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    background-position: center top !important;\n    background-size: cover !important;\n    top: 0;\n    bottom: 0;\n}\n\n.notebook-item__content__text {\n    bottom: 0;\n    padding: 8px;\n    font-weight: 500;\n    overflow: hidden;\n    max-height: 120px;\n    min-height: 56px;\n    background-color: rgba(255,255,255,0.95);\n    border-top: 1px solid color('gray-lighter');\n\n    &:after {\n        content: \"\";\n        text-align: right;\n        position: absolute;\n        bottom: 0;\n        right: 0;\n        width: 100%;\n        height: 0.8em;\n        background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n    }\n}\n\n.notebook-item__content--text-only {\n    &:after {\n        content: \"note\";\n        font-family: 'Material Icons';\n        font-weight: normal;\n        font-style: normal;\n        display: inline-block;\n        line-height: 1;\n        text-transform: none;\n        letter-spacing: normal;\n        word-wrap: normal;\n        white-space: nowrap;\n        direction: ltr;\n\n        /* Support for all WebKit browsers. */\n        -webkit-font-smoothing: antialiased;\n        /* Support for Safari and Chrome. */\n        text-rendering: optimizeLegibility;\n\n        /* Support for Firefox. */\n        -moz-osx-font-smoothing: grayscale;\n\n        /* Support for IE. */\n        font-feature-settings: 'liga';\n        //position: absolute;\n        font-size: 80px;\n        color: color('text-disabled');\n    }\n}\n\n.notebook-item--question__content--text-only {\n    content: \"live_help\";\n}\n\n.notebook-item__content__location {\n    opacity: 0.9;\n    padding: 8px 0;\n\n    md-icon {\n        font-size: 22px;\n    }\n}\n\n.notebook-item__edit {\n    cursor: pointer;\n}\n\n.notebook-item__actions {\n    margin: 0;\n    padding: 0 8px;\n    color: #ffffff;\n    background-color: color('gray-darkest');\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n\n.notebook-item__text-input {\n    margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n    padding-left: 0;\n    padding-right: 0;\n}\n\n.notebook-item__attachment {\n    background-color: color('gray-light');\n    padding: 16px;\n    margin-bottom: 16px;\n    text-align: center;\n    position: relative;\n}\n\n.notebook-item__attachment__content {\n    max-width: 100%;\n    height: auto;\n}\n\n.notebook-item__attachment__delete {\n    position: absolute;\n    top: 4px;\n    right: -2px;\n    // TODO: generalize for on item buttons like this (delete attachment, etc)\n    width: 34px !important;\n    height: 34px !important;\n    min-height: 0;\n\n    md-icon {\n        margin-left: -2px;\n        font-size: 22px;\n    }\n}\n\n.notebook-item__info {\n    font-style: italic;\n    opacity: .8;\n    color: lighten(color('accent-1'), 5%);\n\n    a, md-icon {\n        color: lighten(color('accent-1'), 5%);\n    }\n\n    md-icon {\n        font-size: 1.5em;\n        min-width: 0;\n        width: auto;\n    }\n}\n\n.notebook-item__upload {\n    text-align: center;\n    padding: 24px;\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    color: color('text-secondary');\n    border-radius: 4px;\n    cursor: pointer;\n    border: 1px dashed transparent;\n    transition: all 250ms;\n\n    md-icon, span {\n        transition: color 250ms;\n    }\n\n    &:hover, &:focus, &.dragover {\n        border-color: color('accent');\n        background-color: lighten(color('accent'), 35%);\n        color: color('accent');\n\n        md-icon, span {\n            color: color('accent');\n        }\n    }\n}\n\n.view-notebook-item {\n    width: $layout-breakpoint-xs;\n}\n\n.view-notebook-item__content {\n}\n\n.notebook-item--report {\n    background-color: #ffffff;\n\n    .note-editor {\n        margin-bottom: 16px;\n        border-color: color('gray');\n    }\n}\n\n.notebook-item--report__container {\n    &.ui-scrollpoint {\n        .notebook-item--report__toolbar {\n            position: fixed;\n            top: ($wise-toolbar-height + $md-toolbar-height);\n            left: 0;\n            right: 0;\n            z-index: 1;\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                left: ($notebook-sidebar-width - 2);\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                padding: 0 24px;\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-sm) {\n                padding: 0 32px;\n            }\n\n            .note-toolbar {\n                margin: 0 16px;\n\n                @media only screen and (min-width: $layout-breakpoint-xs) {\n                    margin: 0 8px;\n                }\n\n                @media only screen and (min-width: $layout-breakpoint-sm) {\n                    margin: 0 16px;\n                }\n            }\n        }\n\n        .note-editor {\n            padding-top: 40px;\n        }\n    }\n}\n\n.notebook-item--report__toolbar {\n\n    .note-toolbar {\n        background-color: color('gray-light');\n        border: 1px solid color('gray');\n        margin-bottom: -2px;\n    }\n}\n\n.notebook-item--report__heading {\n    text-align: center;\n    margin-bottom: 32px;\n}\n\n.notebook-item--report__content {\n}\n\n.notebook-item--report__add-note {\n    font-weight: 700;\n}\n\n.notebook-item--report__note-img {\n    max-width: 100%;\n    height: auto !important;\n}\n\n.notebook-sidebar {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 400px;\n        max-width: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 500px;\n        max-width: none;\n    }\n}\n\n.notebook-items {\n    width: 100%;\n    overflow: auto;\n    margin-top: 16px;\n    margin-bottom: 76px;\n\n    .notebook-item {\n        width: 100%;\n    }\n\n    .notebook-item__content {\n        height: 200px;\n        min-width: 0;\n    }\n}\n\n.notebook-items--grading {\n    margin-bottom: 0;\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n    .notebook-enabled {\n        .md-fab-bottom-right, .md-fab-bottom-left {\n            bottom: ($wise-toolbar-height + 8) !important;\n        }\n    }\n}\n\n.notebook-grading {\n    background-color: #ffffff;\n    display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config--author.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/author.css","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-node.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,qBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBEQoB,CFPpB,eAAgB,CAChB,cGlC8B,CHmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBExDsB,CF4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,qBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,qBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,UCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,qBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"author.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Authoring Tool Colors\n$_primary-color: #7e57c2; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 56%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: map-merge($color, $body-color);\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #7e57c2; }\n\nblockquote {\n  background-color: white;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #7e57c2;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #7e57c2;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #7e57c2 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: white; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #7e57c2;\n  background-color: white; }\n\n.primary {\n  color: #7e57c2; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: white; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #7e57c2; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: white; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #7e57c2; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: white; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-node {\n  margin-top: 42px;\n  padding: 0; }\n  @media only screen and (min-width: 600px) {\n    .l-node {\n      padding: 0 0 16px;\n      background-color: #eeeeee !important; } }\n  @media only screen and (min-width: 960px) {\n    .l-node {\n      padding: 0 0 32px; } }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #7e57c2; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #7e57c2; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: white;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #7e57c2; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #7e57c2;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-launcher.md-button.md-fab {\n    z-index: 61; } }\n\n.notebook-report {\n  border-radius: 4px 4px 0 0;\n  margin: 0;\n  height: 100%; }\n  .notebook-report .note-toolbar {\n    margin: -8px -8px 8px;\n    padding: 4px;\n    border: 0 none;\n    border-top: 1px solid #dddddd;\n    border-bottom: 1px solid #dddddd;\n    border-radius: 0; }\n    .notebook-report .note-toolbar .btn-group {\n      margin-top: 0; }\n  .notebook-report .note-btn {\n    border: 0 none;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0; }\n\n.notebook-report-container {\n  height: 550px;\n  width: 450px;\n  max-height: 90%;\n  bottom: 0;\n  right: 96px;\n  position: absolute;\n  z-index: 3; }\n\n@media only screen and (min-width: 960px) {\n  .notes-visible .notebook-report-container {\n    right: 516px;\n    transition: right 250ms; } }\n\n.notebook-report-container__full {\n  top: 16px;\n  bottom: 16px;\n  left: 16px;\n  right: 16px;\n  max-height: none;\n  max-width: none;\n  height: auto;\n  width: auto; }\n  .notebook-report-container__full .notebook-report {\n    height: 100%;\n    width: 100%;\n    margin: 0 auto;\n    max-height: none;\n    border-radius: 4px; }\n\n.notebook-report-container__collapsed {\n  width: 300px;\n  height: auto; }\n  .notebook-report-container__collapsed .notebook-report__content, .notebook-report-container__collapsed .notebook-report__actions, .notebook-report-container__collapsed .notebook-report__content__header {\n    display: none; }\n\n.notebook-report__toolbar {\n  background-color: #333333 !important;\n  border-radius: 4px 4px 0 0; }\n\n.notebook-report__toolbar__title {\n  max-width: 150px; }\n\n.notebook-report__content {\n  background-color: #ffffff; }\n  .notebook-report__content h1, .notebook-report__content h2, .notebook-report__content h3, .notebook-report__content h4 {\n    font-size: 22px; }\n  .notebook-report__content .note-editor.note-frame {\n    border: 0 none;\n    border-radius: 0;\n    padding: 0;\n    box-shadow: none; }\n  .notebook-report__content .note-resizebar {\n    display: none; }\n\n.notebook-report__content__header {\n  padding: 8px;\n  background-color: #ffffff;\n  font-size: 16px; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-report-container:not(.notebook-report-container__collapsed) {\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    max-height: none;\n    max-width: none;\n    height: auto;\n    width: auto; }\n    .notebook-report-container:not(.notebook-report-container__collapsed) .notebook-report {\n      border-radius: 0; }\n  .notebook-tools--full {\n    display: none; } }\n\n.notebook-report-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 3;\n  background-color: #212121;\n  opacity: .48; }\n\n.notebook-menu {\n  transition: opacity 500ms; }\n  .notebook-menu.ng-enter {\n    opacity: 0; }\n  .notebook-menu .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .notebook-menu.ng-leave-active, .notebook-menu.ng-hide {\n    opacity: 0; }\n  .notebook-menu.ng-hide-add, .notebook-menu.ng-hide-add-active, .notebook-menu.ng-hide-remove, .notebook-menu.ng-hide-remove-active {\n    opacity: 0; }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.view-notebook-item {\n  width: 600px; }\n\n.notebook-item--report {\n  background-color: #ffffff; }\n  .notebook-item--report .note-editor {\n    margin-bottom: 16px;\n    border-color: #cccccc; }\n\n.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n  position: fixed;\n  top: 94px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      left: 54px; } }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 24px; } }\n  @media only screen and (min-width: 960px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 32px; } }\n  .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n    margin: 0 16px; }\n    @media only screen and (min-width: 600px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 8px; } }\n    @media only screen and (min-width: 960px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 16px; } }\n\n.notebook-item--report__container.ui-scrollpoint .note-editor {\n  padding-top: 40px; }\n\n.notebook-item--report__toolbar .note-toolbar {\n  background-color: #dddddd;\n  border: 1px solid #cccccc;\n  margin-bottom: -2px; }\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px; }\n\n.notebook-item--report__add-note {\n  font-weight: 700; }\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n.notebook-items {\n  width: 100%;\n  overflow: auto;\n  margin-top: 16px;\n  margin-bottom: 76px; }\n  .notebook-items .notebook-item {\n    width: 100%; }\n  .notebook-items .notebook-item__content {\n    height: 200px;\n    min-width: 0; }\n\n.notebook-items--grading {\n  margin-bottom: 0; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #7e57c2; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #7e57c2; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-node {\n  margin-top: $wise-toolbar-height;\n  padding: 0;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    padding: 0 0 16px;\n    background-color: color('body-bg') !important;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 0 0 32px;\n  }\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 56px;\n\n// Base\n.notebook-launcher {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        &.md-button.md-fab {\n            z-index: 61;\n        }\n    }\n}\n\n.notebook-report {\n    border-radius: 4px 4px 0 0;\n    margin: 0;\n    height: 100%;\n\n    .note-toolbar {\n        margin: -8px -8px 8px;\n        padding: 4px;\n        border: 0 none;\n        border-top: 1px solid color('gray-light');\n        border-bottom: 1px solid color('gray-light');\n        border-radius: 0;\n\n        .btn-group {\n            margin-top: 0;\n        }\n    }\n\n    .note-btn {\n        border: 0 none;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n}\n\n.notebook-report-container {\n    height: 550px;\n    width: 450px;\n    max-height: 90%;\n    bottom: 0;\n    right: 96px;\n    position: absolute;\n    z-index: 3;\n}\n\n.notes-visible {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        .notebook-report-container {\n            right: 516px;\n            transition: right 250ms;\n        }\n    }\n}\n\n.notebook-report-container__full {\n    top: 16px;\n    bottom: 16px;\n    left: 16px;\n    right: 16px;\n    max-height: none;\n    max-width: none;\n    height: auto;\n    width: auto;\n\n    .notebook-report {\n        height: 100%;\n        width: 100%;\n        margin: 0 auto;\n        max-height: none;\n        border-radius: $card-border-radius;\n    }\n}\n\n.notebook-report-container__collapsed {\n    width: 300px;\n    height: auto;\n\n    .notebook-report__content, .notebook-report__actions, .notebook-report__content__header {\n        display: none;\n    }\n}\n\n.notebook-report__toolbar {\n    background-color: color('gray-darkest') !important;\n    border-radius: $card-border-radius $card-border-radius 0 0;\n}\n\n.notebook-report__toolbar__title {\n    max-width: 150px;\n}\n\n.notebook-report__content {\n    h1, h2, h3, h4 {\n        font-size: rem(2.2);\n    }\n\n    background-color: #ffffff;\n\n    .note-editor.note-frame {\n        border: 0 none;\n        border-radius: 0;\n        padding: 0;\n        box-shadow: none;\n    }\n\n    .note-resizebar {\n        display: none;\n    }\n}\n\n.notebook-report__content__header {\n    padding: 8px;\n    background-color: #ffffff;\n    font-size: rem(1.6);\n}\n\n@media only screen and (max-width: $layout-breakpoint-xs - 1) {\n    .notebook-report-container {\n        &:not(.notebook-report-container__collapsed) {\n            top: 0;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            max-height: none;\n            max-width: none;\n            height: auto;\n            width: auto;\n\n            .notebook-report {\n                border-radius: 0;\n            }\n        }\n    }\n\n    .notebook-tools--full {\n        display: none;\n    }\n}\n\n.notebook-report-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 3;\n    background-color: rgba(33,33,33,1.0);\n    opacity: .48;\n}\n\n.notebook-menu {\n    transition: opacity 500ms;\n\n    &.ng-enter {\n        opacity: 0;\n    }\n\n    .ng-enter-active {\n        opacity: 1;\n        transition-delay: 250ms;\n    }\n\n    &.ng-leave-active, &.ng-hide {\n        opacity: 0;\n    }\n\n    &.ng-hide-add, &.ng-hide-add-active,\n    &.ng-hide-remove, &.ng-hide-remove-active {\n        opacity: 0;\n    }\n}\n\n.notebook-item {\n    transition: box-shadow 250ms;\n    margin: 0 16px 16px;\n    display: block;\n}\n\n.notebook-item__content {\n    height: 250px;\n    min-width: 230px;\n    position: relative;\n    padding: 0;\n    background-color: color('gray');\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n    position: absolute;\n    left: 0;\n    right: 0;\n}\n\n.notebook-item__content__attachment {\n    background-repeat: no-repeat !important;\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    background-position: center top !important;\n    background-size: cover !important;\n    top: 0;\n    bottom: 0;\n}\n\n.notebook-item__content__text {\n    bottom: 0;\n    padding: 8px;\n    font-weight: 500;\n    overflow: hidden;\n    max-height: 120px;\n    min-height: 56px;\n    background-color: rgba(255,255,255,0.95);\n    border-top: 1px solid color('gray-lighter');\n\n    &:after {\n        content: \"\";\n        text-align: right;\n        position: absolute;\n        bottom: 0;\n        right: 0;\n        width: 100%;\n        height: 0.8em;\n        background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n    }\n}\n\n.notebook-item__content--text-only {\n    &:after {\n        content: \"note\";\n        font-family: 'Material Icons';\n        font-weight: normal;\n        font-style: normal;\n        display: inline-block;\n        line-height: 1;\n        text-transform: none;\n        letter-spacing: normal;\n        word-wrap: normal;\n        white-space: nowrap;\n        direction: ltr;\n\n        /* Support for all WebKit browsers. */\n        -webkit-font-smoothing: antialiased;\n        /* Support for Safari and Chrome. */\n        text-rendering: optimizeLegibility;\n\n        /* Support for Firefox. */\n        -moz-osx-font-smoothing: grayscale;\n\n        /* Support for IE. */\n        font-feature-settings: 'liga';\n        //position: absolute;\n        font-size: 80px;\n        color: color('text-disabled');\n    }\n}\n\n.notebook-item--question__content--text-only {\n    content: \"live_help\";\n}\n\n.notebook-item__content__location {\n    opacity: 0.9;\n    padding: 8px 0;\n\n    md-icon {\n        font-size: 22px;\n    }\n}\n\n.notebook-item__edit {\n    cursor: pointer;\n}\n\n.notebook-item__actions {\n    margin: 0;\n    padding: 0 8px;\n    color: #ffffff;\n    background-color: color('gray-darkest');\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n\n.notebook-item__text-input {\n    margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n    padding-left: 0;\n    padding-right: 0;\n}\n\n.notebook-item__attachment {\n    background-color: color('gray-light');\n    padding: 16px;\n    margin-bottom: 16px;\n    text-align: center;\n    position: relative;\n}\n\n.notebook-item__attachment__content {\n    max-width: 100%;\n    height: auto;\n}\n\n.notebook-item__attachment__delete {\n    position: absolute;\n    top: 4px;\n    right: -2px;\n    // TODO: generalize for on item buttons like this (delete attachment, etc)\n    width: 34px !important;\n    height: 34px !important;\n    min-height: 0;\n\n    md-icon {\n        margin-left: -2px;\n        font-size: 22px;\n    }\n}\n\n.notebook-item__info {\n    font-style: italic;\n    opacity: .8;\n    color: lighten(color('accent-1'), 5%);\n\n    a, md-icon {\n        color: lighten(color('accent-1'), 5%);\n    }\n\n    md-icon {\n        font-size: 1.5em;\n        min-width: 0;\n        width: auto;\n    }\n}\n\n.notebook-item__upload {\n    text-align: center;\n    padding: 24px;\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    color: color('text-secondary');\n    border-radius: 4px;\n    cursor: pointer;\n    border: 1px dashed transparent;\n    transition: all 250ms;\n\n    md-icon, span {\n        transition: color 250ms;\n    }\n\n    &:hover, &:focus, &.dragover {\n        border-color: color('accent');\n        background-color: lighten(color('accent'), 35%);\n        color: color('accent');\n\n        md-icon, span {\n            color: color('accent');\n        }\n    }\n}\n\n.view-notebook-item {\n    width: $layout-breakpoint-xs;\n}\n\n.view-notebook-item__content {\n}\n\n.notebook-item--report {\n    background-color: #ffffff;\n\n    .note-editor {\n        margin-bottom: 16px;\n        border-color: color('gray');\n    }\n}\n\n.notebook-item--report__container {\n    &.ui-scrollpoint {\n        .notebook-item--report__toolbar {\n            position: fixed;\n            top: ($wise-toolbar-height + $md-toolbar-height);\n            left: 0;\n            right: 0;\n            z-index: 1;\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                left: ($notebook-sidebar-width - 2);\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                padding: 0 24px;\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-sm) {\n                padding: 0 32px;\n            }\n\n            .note-toolbar {\n                margin: 0 16px;\n\n                @media only screen and (min-width: $layout-breakpoint-xs) {\n                    margin: 0 8px;\n                }\n\n                @media only screen and (min-width: $layout-breakpoint-sm) {\n                    margin: 0 16px;\n                }\n            }\n        }\n\n        .note-editor {\n            padding-top: 40px;\n        }\n    }\n}\n\n.notebook-item--report__toolbar {\n\n    .note-toolbar {\n        background-color: color('gray-light');\n        border: 1px solid color('gray');\n        margin-bottom: -2px;\n    }\n}\n\n.notebook-item--report__heading {\n    text-align: center;\n    margin-bottom: 32px;\n}\n\n.notebook-item--report__content {\n}\n\n.notebook-item--report__add-note {\n    font-weight: 700;\n}\n\n.notebook-item--report__note-img {\n    max-width: 100%;\n    height: auto !important;\n}\n\n.notebook-sidebar {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 400px;\n        max-width: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 500px;\n        max-width: none;\n    }\n}\n\n.notebook-items {\n    width: 100%;\n    overflow: auto;\n    margin-top: 16px;\n    margin-bottom: 76px;\n\n    .notebook-item {\n        width: 100%;\n    }\n\n    .notebook-item__content {\n        height: 200px;\n        min-width: 0;\n    }\n}\n\n.notebook-items--grading {\n    margin-bottom: 0;\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n    .notebook-enabled {\n        .md-fab-bottom-right, .md-fab-bottom-left {\n            bottom: ($wise-toolbar-height + 8) !important;\n        }\n    }\n}\n\n.notebook-grading {\n    background-color: #ffffff;\n    display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n\n\n\n\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
diff --git a/src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss b/src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss
index 7512c472bb..3d521844bc 100644
--- a/src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss
+++ b/src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss
@@ -38,40 +38,7 @@
     }
 }
 
-.discussion-post__contents {
-    padding: 16px;
-}
-
-.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {
-    margin-right: 8px;
-}
-
-.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {
-    margin-top: 8px;
-}
-
-
-.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {
-    padding-bottom: 4px;
-    font-weight: 700;
-    line-height: 1.3;
-    overflow: visible;
-    white-space: normal;
-}
-
-.discussion-post__date {
-    color: color('gray-dark');
-}
 
-.discussion-post__date--reply {
-    margin-left: 8px;
-    font-weight: 400;
-}
-
-.discussion-post__content {
-    margin-top: 16px;
-    white-space: pre-wrap;
-}
 
 .discussion-post__attachment {
     max-width: 100%;
@@ -131,86 +98,7 @@ md-input-container.discussion-new__input-container {
     margin-bottom: 16px;
 }
 
-.discussion-comments {
-    padding: 0;
-}
-
-.discussion-comments__contents {
-    background-color: color('gray-lightest');
-}
 
-.discussion-comments__header {
-    background-color: transparent;
-    padding: 0;
-
-    .md-subheader-inner {
-        padding-bottom: 8px;
-    }
-}
 
-.discussion-comments__list {
-    padding: 0;
-    max-height: 9999px;
-    overflow-y: auto;
 
-    @media only screen and (min-width: $layout-breakpoint-xs) {
-        max-height: 400px;
-    }
-}
 
-.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {
-    background-color: #ffffff;
-    padding: 4px;
-    font-size: ($body-font-size-base) - 1;
-    border: 0 none;
-    margin-left: -1px;
-    margin-bottom: 0;
-    resize: none;
-}
-
-.discussion-reply, md-list-item.discussion-reply {
-    margin: 0 12px 8px;
-    padding: 0;
-    min-height: 56px;
-}
-
-.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {
-    margin: 8px 0;
-}
-
-.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {
-    font-size: ($body-font-size-base) - 1;
-    padding: 0;
-    margin: 0;
-}
-
-.discusstion-reply__content {
-    margin-top: 2px;
-
-    p {
-        font-weight: 400 !important;
-        color: color('body') !important;
-    }
-}
-
-.discussion-new-reply {
-    padding: 8px;
-}
-
-.discussion-new-reply__input-container {
-    padding-top: 0;
-    margin: 0;
-
-    .md-errors-spacer {
-        display: none;
-    }
-}
-
-.discussion-new-reply__actions {
-    margin-left: 8px;
-
-    .md-button {
-        margin-top: 0;
-        margin-bottom: 0;
-    }
-}
diff --git a/src/main/webapp/wise5/themes/default/style/monitor.css b/src/main/webapp/wise5/themes/default/style/monitor.css
index 3b9627f0f9..0f32c22cde 100644
--- a/src/main/webapp/wise5/themes/default/style/monitor.css
+++ b/src/main/webapp/wise5/themes/default/style/monitor.css
@@ -1,2 +1,2 @@
-body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1565c0}blockquote{background-color:#f5f9fe;padding:8px;margin:16px 0;border:solid #1565c0;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1565c0;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1565c0!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#ecf4fd}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#1565c0;background-color:#ecf4fd}.primary{color:#1565c0}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#ecf4fd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1565c0}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#ecf4fd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1565c0}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#ecf4fd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav,.l-notebook{background-color:#eee!important}.l-notebook{margin-top:42px}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;transition:opacity .25s ease-in-out}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1565c0}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1565c0}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}.milestone{min-width:196px;width:196px;height:242px;background-color:#fff;padding:0}.milestone.md-button{text-transform:none}.milestone__progress{background-color:#eee;border-radius:50%;position:relative;margin-bottom:12px}.milestone__progress__percent{position:absolute;top:8px;bottom:8px;left:8px;right:8px;border-radius:50%;background-color:#fff;color:#1565c0;font-size:28px;font-weight:500}.milestone__title{font-weight:700;font-size:15px;margin-bottom:12px}.milestone-details section:not(:first-child){margin-top:8px}.milestone-details__section{background-color:#fff;padding:16px}.milestone-details__section>p{margin-top:16px;margin-bottom:0}.milestone-details__section .grading,.milestone-details__section md-list{padding:0}.milestone-details__header{padding:12px 16px;margin:-16px -16px 16px;text-transform:uppercase;font-weight:500}.milestone-details__progress{width:48px;margin-right:8px}.milestone--add.md-button{text-transform:uppercase}.milestone--add__icon{height:96px;width:96px;background-color:#eee;border-radius:50%}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#ecf4fd}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.student-select{padding-top:0;padding-bottom:0}.workgroup-progress{margin-bottom:8px}@media (min-width:960px){.workgroup-progress{margin-bottom:0}}alert-status-corner{position:absolute;top:0;right:0}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1565c0}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #1565c0;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}.grading__item-container{margin:0 0 16px;padding:0!important}.grading__item{background-color:#fff}.grading__item .component{padding:0}@media only screen and (min-width:600px){.notebook-launcher.md-button.md-fab{z-index:61}}.notebook-report{border-radius:4px 4px 0 0;margin:0;height:100%}.notebook-report .note-toolbar{margin:-8px -8px 8px;padding:4px;border-bottom:0;border-top:0;border-color:#ddd currentcolor;border-style:solid none;border-width:1px 0;border-radius:0}.notebook-report .note-toolbar .btn-group{margin-top:0}.notebook-report .note-btn{border:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.notebook-report-container{height:550px;width:450px;max-height:90%;bottom:0;right:96px;position:absolute;z-index:3}@media only screen and (min-width:960px){.notes-visible .notebook-report-container{right:516px;transition:right .25s}}.notebook-report-container__full{top:16px;bottom:16px;left:16px;right:16px;max-height:none;max-width:none;height:auto;width:auto}.notebook-report-container__full .notebook-report{height:100%;width:100%;margin:0 auto;max-height:none;border-radius:4px}.notebook-report-container__collapsed{width:300px;height:auto}.notebook-report-container__collapsed .notebook-report__actions,.notebook-report-container__collapsed .notebook-report__content,.notebook-report-container__collapsed .notebook-report__content__header{display:none}.notebook-report__toolbar{background-color:#333!important;border-radius:4px 4px 0 0}.notebook-report__toolbar__title{max-width:150px}.notebook-report__content{background-color:#fff}.notebook-report__content h1,.notebook-report__content h2,.notebook-report__content h3,.notebook-report__content h4{font-size:22px}.notebook-report__content .note-editor.note-frame{border:0;border-radius:0;padding:0;box-shadow:none}.notebook-report__content .note-resizebar{display:none}.notebook-report__content__header{padding:8px;background-color:#fff;font-size:16px}@media only screen and (max-width:599px){.notebook-report-container:not(.notebook-report-container__collapsed){top:0;bottom:0;left:0;right:0;max-height:none;max-width:none;height:auto;width:auto}.notebook-report-container:not(.notebook-report-container__collapsed) .notebook-report{border-radius:0}.notebook-tools--full{display:none}}.notebook-report-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;background-color:#212121;opacity:.48}.notebook-menu{transition:opacity .5s}.notebook-menu.ng-enter{opacity:0}.notebook-menu .ng-enter-active{opacity:1;transition-delay:.25s}.notebook-menu.ng-hide,.notebook-menu.ng-hide-add,.notebook-menu.ng-hide-add-active,.notebook-menu.ng-hide-remove,.notebook-menu.ng-hide-remove-active,.notebook-menu.ng-leave-active{opacity:0}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.view-notebook-item{width:600px}.notebook-item--report{background-color:#fff}.notebook-item--report .note-editor{margin-bottom:16px;border-color:#ccc}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{position:fixed;top:94px;left:0;right:0;z-index:1}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{left:54px;padding:0 24px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{padding:0 32px}}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 8px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}}.notebook-item--report__container.ui-scrollpoint .note-editor{padding-top:40px}.notebook-item--report__toolbar .note-toolbar{background-color:#ddd;border:1px solid #ccc;margin-bottom:-2px}.notebook-item--report__heading{text-align:center;margin-bottom:32px}.notebook-item--report__add-note{font-weight:700}.notebook-item--report__note-img{max-width:100%;height:auto!important}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}.notebook-items{width:100%;overflow:auto;margin-top:16px;margin-bottom:76px}.notebook-items .notebook-item{width:100%}.notebook-items .notebook-item__content{height:200px;min-width:0}.notebook-items--grading{margin-bottom:0}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.annotations--grading md-input-container{margin-bottom:0}.annotations--grading .md-errors-spacer{display:none}.annotations--grading input:focus,.annotations--grading textarea:focus{background-color:#fff}.annotations--grading input:disabled,.annotations--grading textarea:disabled{color:rgba(0,0,0,.87)}.annotations--grading--revision{margin:8px 0 0;padding:8px}.annotations--notebook{margin-top:16px}.annotations--grading__info{font-style:italic;margin:8px 8px 4px}.annotations--grading__item{padding:8px}.annotations--grading__score input{margin-top:0!important;font-size:18px;width:52px;text-align:center}.annotations--grading__score__label{transform:none!important;width:auto;display:block;padding:0;margin:0 8px 0 0}.annotations--grading__score__max label{display:none}.annotations--grading__score__divider{position:relative;top:12px;margin-left:4px}.annotations--grading__auto-comment{margin:0 2px}.annotations--grading__auto-comment__content{margin-top:8px}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.component--grading{padding:0;margin:0}.component--grading:not(:last-child)>div{border-bottom:1px solid #ddd}.component--grading .component__wrapper{padding:0;margin:0}.component--grading .component__content{padding:16px;margin:0}.component--grading__response{padding-bottom:16px}@media only screen and (min-width:960px){.component--grading__response{padding-right:16px;padding-bottom:0}}.component--grading__response__content{overflow:auto}.component--grading__annotations{background-color:#ecf4fd}.component--grading__annotations__divider{padding:4px;background-color:#fff}.component--grading__actions__info{margin:16px 0 0;padding-top:8px;border-top:1px solid #eee}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#1565c0}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#1565c0}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.component-revisions .component{padding:0;margin:0}.component-revisions .component__content{padding:0}.component-revisions .component__wrapper{margin:16px 0}.component-revisions .md-resize-handle{display:none}.component-revisions__item,md-list-item.component-revisions__item{padding:0}.component-revisions__item--latest{margin-bottom:24px}.component-revisions__annotation-label{margin-right:8px}.component-revisions__has-auto-and-teacher{padding-top:8px;margin-top:8px;border-top:1px solid #ddd}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
+body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1565c0}blockquote{background-color:#f5f9fe;padding:8px;margin:16px 0;border:solid #1565c0;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1565c0;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1565c0!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#ecf4fd}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#1565c0;background-color:#ecf4fd}.primary{color:#1565c0}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#ecf4fd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1565c0}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#ecf4fd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1565c0}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#ecf4fd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav,.l-notebook{background-color:#eee!important}.l-notebook{margin-top:42px}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;transition:opacity .25s ease-in-out}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1565c0}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1565c0}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}.milestone{min-width:196px;width:196px;height:242px;background-color:#fff;padding:0}.milestone.md-button{text-transform:none}.milestone__progress{background-color:#eee;border-radius:50%;position:relative;margin-bottom:12px}.milestone__progress__percent{position:absolute;top:8px;bottom:8px;left:8px;right:8px;border-radius:50%;background-color:#fff;color:#1565c0;font-size:28px;font-weight:500}.milestone__title{font-weight:700;font-size:15px;margin-bottom:12px}.milestone-details section:not(:first-child){margin-top:8px}.milestone-details__section{background-color:#fff;padding:16px}.milestone-details__section>p{margin-top:16px;margin-bottom:0}.milestone-details__section .grading,.milestone-details__section md-list{padding:0}.milestone-details__header{padding:12px 16px;margin:-16px -16px 16px;text-transform:uppercase;font-weight:500}.milestone-details__progress{width:48px;margin-right:8px}.milestone--add.md-button{text-transform:uppercase}.milestone--add__icon{height:96px;width:96px;background-color:#eee;border-radius:50%}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#ecf4fd}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.student-select{padding-top:0;padding-bottom:0}.workgroup-progress{margin-bottom:8px}@media (min-width:960px){.workgroup-progress{margin-bottom:0}}alert-status-corner{position:absolute;top:0;right:0}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1565c0}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #1565c0;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}.grading__item-container{margin:0 0 16px;padding:0!important}.grading__item{background-color:#fff}.grading__item .component{padding:0}@media only screen and (min-width:600px){.notebook-launcher.md-button.md-fab{z-index:61}}.notebook-report{border-radius:4px 4px 0 0;margin:0;height:100%}.notebook-report .note-toolbar{margin:-8px -8px 8px;padding:4px;border-bottom:0;border-top:0;border-color:#ddd currentcolor;border-style:solid none;border-width:1px 0;border-radius:0}.notebook-report .note-toolbar .btn-group{margin-top:0}.notebook-report .note-btn{border:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.notebook-report-container{height:550px;width:450px;max-height:90%;bottom:0;right:96px;position:absolute;z-index:3}@media only screen and (min-width:960px){.notes-visible .notebook-report-container{right:516px;transition:right .25s}}.notebook-report-container__full{top:16px;bottom:16px;left:16px;right:16px;max-height:none;max-width:none;height:auto;width:auto}.notebook-report-container__full .notebook-report{height:100%;width:100%;margin:0 auto;max-height:none;border-radius:4px}.notebook-report-container__collapsed{width:300px;height:auto}.notebook-report-container__collapsed .notebook-report__actions,.notebook-report-container__collapsed .notebook-report__content,.notebook-report-container__collapsed .notebook-report__content__header{display:none}.notebook-report__toolbar{background-color:#333!important;border-radius:4px 4px 0 0}.notebook-report__toolbar__title{max-width:150px}.notebook-report__content{background-color:#fff}.notebook-report__content h1,.notebook-report__content h2,.notebook-report__content h3,.notebook-report__content h4{font-size:22px}.notebook-report__content .note-editor.note-frame{border:0;border-radius:0;padding:0;box-shadow:none}.notebook-report__content .note-resizebar{display:none}.notebook-report__content__header{padding:8px;background-color:#fff;font-size:16px}@media only screen and (max-width:599px){.notebook-report-container:not(.notebook-report-container__collapsed){top:0;bottom:0;left:0;right:0;max-height:none;max-width:none;height:auto;width:auto}.notebook-report-container:not(.notebook-report-container__collapsed) .notebook-report{border-radius:0}.notebook-tools--full{display:none}}.notebook-report-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;background-color:#212121;opacity:.48}.notebook-menu{transition:opacity .5s}.notebook-menu.ng-enter{opacity:0}.notebook-menu .ng-enter-active{opacity:1;transition-delay:.25s}.notebook-menu.ng-hide,.notebook-menu.ng-hide-add,.notebook-menu.ng-hide-add-active,.notebook-menu.ng-hide-remove,.notebook-menu.ng-hide-remove-active,.notebook-menu.ng-leave-active{opacity:0}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.view-notebook-item{width:600px}.notebook-item--report{background-color:#fff}.notebook-item--report .note-editor{margin-bottom:16px;border-color:#ccc}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{position:fixed;top:94px;left:0;right:0;z-index:1}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{left:54px;padding:0 24px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{padding:0 32px}}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 8px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}}.notebook-item--report__container.ui-scrollpoint .note-editor{padding-top:40px}.notebook-item--report__toolbar .note-toolbar{background-color:#ddd;border:1px solid #ccc;margin-bottom:-2px}.notebook-item--report__heading{text-align:center;margin-bottom:32px}.notebook-item--report__add-note{font-weight:700}.notebook-item--report__note-img{max-width:100%;height:auto!important}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}.notebook-items{width:100%;overflow:auto;margin-top:16px;margin-bottom:76px}.notebook-items .notebook-item{width:100%}.notebook-items .notebook-item__content{height:200px;min-width:0}.notebook-items--grading{margin-bottom:0}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.annotations--grading md-input-container{margin-bottom:0}.annotations--grading .md-errors-spacer{display:none}.annotations--grading input:focus,.annotations--grading textarea:focus{background-color:#fff}.annotations--grading input:disabled,.annotations--grading textarea:disabled{color:rgba(0,0,0,.87)}.annotations--grading--revision{margin:8px 0 0;padding:8px}.annotations--notebook{margin-top:16px}.annotations--grading__info{font-style:italic;margin:8px 8px 4px}.annotations--grading__item{padding:8px}.annotations--grading__score input{margin-top:0!important;font-size:18px;width:52px;text-align:center}.annotations--grading__score__label{transform:none!important;width:auto;display:block;padding:0;margin:0 8px 0 0}.annotations--grading__score__max label{display:none}.annotations--grading__score__divider{position:relative;top:12px;margin-left:4px}.annotations--grading__auto-comment{margin:0 2px}.annotations--grading__auto-comment__content{margin-top:8px}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.embedded-content__iframe{border:0}.component--grading{padding:0;margin:0}.component--grading:not(:last-child)>div{border-bottom:1px solid #ddd}.component--grading .component__wrapper{padding:0;margin:0}.component--grading .component__content{padding:16px;margin:0}.component--grading__response{padding-bottom:16px}@media only screen and (min-width:960px){.component--grading__response{padding-right:16px;padding-bottom:0}}.component--grading__response__content{overflow:auto}.component--grading__annotations{background-color:#ecf4fd}.component--grading__annotations__divider{padding:4px;background-color:#fff}.component--grading__actions__info{margin:16px 0 0;padding-top:8px;border-top:1px solid #eee}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#1565c0}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#1565c0}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.component-revisions .component{padding:0;margin:0}.component-revisions .component__content{padding:0}.component-revisions .component__wrapper{margin:16px 0}.component-revisions .md-resize-handle{display:none}.component-revisions__item,md-list-item.component-revisions__item{padding:0}.component-revisions__item--latest{margin-bottom:24px}.component-revisions__annotation-label{margin-right:8px}.component-revisions__has-auto-and-teacher{padding-top:8px;margin-top:8px;border-top:1px solid #ddd}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
 /*# sourceMappingURL=monitor.css.map */
diff --git a/src/main/webapp/wise5/themes/default/style/monitor.css.map b/src/main/webapp/wise5/themes/default/style/monitor.css.map
index 3fbd1ef7e5..c4b802e7ab 100644
--- a/src/main/webapp/wise5/themes/default/style/monitor.css.map
+++ b/src/main/webapp/wise5/themes/default/style/monitor.css.map
@@ -1 +1 @@
-{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config--monitor.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/monitor.css","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dragula.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_milestones.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_nav--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_grading.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_component--revisions.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,wBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBEQoB,CFPpB,eAAgB,CAChB,cGlC8B,CHmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBExDsB,CF4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,wBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,wBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,aCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,wBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"monitor.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Classroom Monitor Colors\n$_primary-color: #1565c0; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 54%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: map-merge($color, $body-color);\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #1565c0; }\n\nblockquote {\n  background-color: #f5f9fe;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1565c0;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #1565c0;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1565c0 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: #ecf4fd; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1565c0;\n  background-color: #ecf4fd; }\n\n.primary {\n  color: #1565c0; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: #ecf4fd; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #1565c0; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: #ecf4fd; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #1565c0; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: #ecf4fd; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out; }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1565c0; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #1565c0; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n.milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0; }\n  .milestone.md-button {\n    text-transform: none; }\n\n.milestone__progress {\n  background-color: #eeeeee;\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px; }\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: #1565c0;\n  font-size: 28px;\n  font-weight: 500; }\n\n.milestone__title {\n  font-weight: 700;\n  font-size: 15px;\n  margin-bottom: 12px; }\n\n.milestone-details section:not(:first-child) {\n  margin-top: 8px; }\n\n.milestone-details__section {\n  background-color: #ffffff;\n  padding: 16px; }\n  .milestone-details__section > p {\n    margin-top: 16px;\n    margin-bottom: 0; }\n  .milestone-details__section md-list {\n    padding: 0; }\n  .milestone-details__section .grading {\n    padding: 0; }\n\n.milestone-details__header {\n  padding: 12px 16px;\n  margin: -16px -16px 16px;\n  text-transform: uppercase;\n  font-weight: 500; }\n\n.milestone-details__progress {\n  width: 48px;\n  margin-right: 8px; }\n\n.milestone--add.md-button {\n  text-transform: uppercase; }\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: #eeeeee;\n  border-radius: 50%; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: #ecf4fd;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.student-select {\n  padding-top: 0;\n  padding-bottom: 0; }\n\n.workgroup-progress {\n  margin-bottom: 8px; }\n  @media (min-width: 960px) {\n    .workgroup-progress {\n      margin-bottom: 0; } }\n\nalert-status-corner {\n  position: absolute;\n  top: 0;\n  right: 0; }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1565c0; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #1565c0;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important; }\n\n.grading__item {\n  background-color: #ffffff; }\n  .grading__item .component {\n    padding: 0; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-launcher.md-button.md-fab {\n    z-index: 61; } }\n\n.notebook-report {\n  border-radius: 4px 4px 0 0;\n  margin: 0;\n  height: 100%; }\n  .notebook-report .note-toolbar {\n    margin: -8px -8px 8px;\n    padding: 4px;\n    border: 0 none;\n    border-top: 1px solid #dddddd;\n    border-bottom: 1px solid #dddddd;\n    border-radius: 0; }\n    .notebook-report .note-toolbar .btn-group {\n      margin-top: 0; }\n  .notebook-report .note-btn {\n    border: 0 none;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0; }\n\n.notebook-report-container {\n  height: 550px;\n  width: 450px;\n  max-height: 90%;\n  bottom: 0;\n  right: 96px;\n  position: absolute;\n  z-index: 3; }\n\n@media only screen and (min-width: 960px) {\n  .notes-visible .notebook-report-container {\n    right: 516px;\n    transition: right 250ms; } }\n\n.notebook-report-container__full {\n  top: 16px;\n  bottom: 16px;\n  left: 16px;\n  right: 16px;\n  max-height: none;\n  max-width: none;\n  height: auto;\n  width: auto; }\n  .notebook-report-container__full .notebook-report {\n    height: 100%;\n    width: 100%;\n    margin: 0 auto;\n    max-height: none;\n    border-radius: 4px; }\n\n.notebook-report-container__collapsed {\n  width: 300px;\n  height: auto; }\n  .notebook-report-container__collapsed .notebook-report__content, .notebook-report-container__collapsed .notebook-report__actions, .notebook-report-container__collapsed .notebook-report__content__header {\n    display: none; }\n\n.notebook-report__toolbar {\n  background-color: #333333 !important;\n  border-radius: 4px 4px 0 0; }\n\n.notebook-report__toolbar__title {\n  max-width: 150px; }\n\n.notebook-report__content {\n  background-color: #ffffff; }\n  .notebook-report__content h1, .notebook-report__content h2, .notebook-report__content h3, .notebook-report__content h4 {\n    font-size: 22px; }\n  .notebook-report__content .note-editor.note-frame {\n    border: 0 none;\n    border-radius: 0;\n    padding: 0;\n    box-shadow: none; }\n  .notebook-report__content .note-resizebar {\n    display: none; }\n\n.notebook-report__content__header {\n  padding: 8px;\n  background-color: #ffffff;\n  font-size: 16px; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-report-container:not(.notebook-report-container__collapsed) {\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    max-height: none;\n    max-width: none;\n    height: auto;\n    width: auto; }\n    .notebook-report-container:not(.notebook-report-container__collapsed) .notebook-report {\n      border-radius: 0; }\n  .notebook-tools--full {\n    display: none; } }\n\n.notebook-report-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 3;\n  background-color: #212121;\n  opacity: .48; }\n\n.notebook-menu {\n  transition: opacity 500ms; }\n  .notebook-menu.ng-enter {\n    opacity: 0; }\n  .notebook-menu .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .notebook-menu.ng-leave-active, .notebook-menu.ng-hide {\n    opacity: 0; }\n  .notebook-menu.ng-hide-add, .notebook-menu.ng-hide-add-active, .notebook-menu.ng-hide-remove, .notebook-menu.ng-hide-remove-active {\n    opacity: 0; }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.view-notebook-item {\n  width: 600px; }\n\n.notebook-item--report {\n  background-color: #ffffff; }\n  .notebook-item--report .note-editor {\n    margin-bottom: 16px;\n    border-color: #cccccc; }\n\n.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n  position: fixed;\n  top: 94px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      left: 54px; } }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 24px; } }\n  @media only screen and (min-width: 960px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 32px; } }\n  .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n    margin: 0 16px; }\n    @media only screen and (min-width: 600px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 8px; } }\n    @media only screen and (min-width: 960px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 16px; } }\n\n.notebook-item--report__container.ui-scrollpoint .note-editor {\n  padding-top: 40px; }\n\n.notebook-item--report__toolbar .note-toolbar {\n  background-color: #dddddd;\n  border: 1px solid #cccccc;\n  margin-bottom: -2px; }\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px; }\n\n.notebook-item--report__add-note {\n  font-weight: 700; }\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n.notebook-items {\n  width: 100%;\n  overflow: auto;\n  margin-top: 16px;\n  margin-bottom: 76px; }\n  .notebook-items .notebook-item {\n    width: 100%; }\n  .notebook-items .notebook-item__content {\n    height: 200px;\n    min-width: 0; }\n\n.notebook-items--grading {\n  margin-bottom: 0; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.annotations--grading md-input-container {\n  margin-bottom: 0; }\n\n.annotations--grading .md-errors-spacer {\n  display: none; }\n\n.annotations--grading input:focus, .annotations--grading textarea:focus {\n  background-color: #ffffff; }\n\n.annotations--grading input:disabled, .annotations--grading textarea:disabled {\n  color: rgba(0, 0, 0, 0.87); }\n\n.annotations--grading--revision {\n  margin: 8px 0 0;\n  padding: 8px; }\n\n.annotations--notebook {\n  margin-top: 16px; }\n\n.annotations--grading__info {\n  font-style: italic;\n  margin: 8px 8px 4px; }\n\n.annotations--grading__item {\n  padding: 8px; }\n\n.annotations--grading__score input {\n  margin-top: 0 !important;\n  font-size: 18px;\n  width: 52px;\n  text-align: center; }\n\n.annotations--grading__score__label {\n  transform: none !important;\n  width: auto;\n  display: block;\n  padding: 0;\n  margin: 0 8px 0 0; }\n\n.annotations--grading__score__max label {\n  display: none; }\n\n.annotations--grading__score__divider {\n  position: relative;\n  top: 12px;\n  margin-left: 4px; }\n\n.annotations--grading__auto-comment {\n  margin: 0 2px; }\n\n.annotations--grading__auto-comment__content {\n  margin-top: 8px; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.component--grading {\n  padding: 0;\n  margin: 0; }\n  .component--grading:not(:last-child) > div {\n    border-bottom: 1px solid #dddddd; }\n  .component--grading .component__wrapper {\n    padding: 0;\n    margin: 0; }\n  .component--grading .component__content {\n    padding: 16px;\n    margin: 0; }\n\n.component--grading__response {\n  padding-bottom: 16px; }\n  @media only screen and (min-width: 960px) {\n    .component--grading__response {\n      padding-right: 16px;\n      padding-bottom: 0; } }\n\n.component--grading__response__content {\n  overflow: auto; }\n\n.component--grading__annotations {\n  background-color: #ecf4fd; }\n\n.component--grading__annotations__divider {\n  padding: 4px;\n  background-color: #ffffff; }\n\n.component--grading__actions__info {\n  margin: 16px 0 0;\n  padding-top: 8px;\n  border-top: 1px solid #eeeeee; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #1565c0; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #1565c0; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.component-revisions .component {\n  padding: 0;\n  margin: 0; }\n\n.component-revisions .component__content {\n  padding: 0; }\n\n.component-revisions .component__wrapper {\n  margin: 16px 0; }\n\n.component-revisions .md-resize-handle {\n  display: none; }\n\n.component-revisions__item, md-list-item.component-revisions__item {\n  padding: 0; }\n\n.component-revisions__item--latest {\n  margin-bottom: 24px; }\n\n.component-revisions__annotation-label {\n  margin-right: 8px; }\n\n.component-revisions__has-auto-and-teacher {\n  padding-top: 8px;\n  margin-top: 8px;\n  border-top: 1px solid #dddddd; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n",".gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out;\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}",".milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0;\n\n  &.md-button {\n    text-transform: none;\n  }\n}\n\n.milestone__progress {\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px;\n}\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: color('primary');\n  font-size: rem(2.8);\n  font-weight: 500;\n}\n\n.milestone__title {\n  font-weight: 700;\n  font-size: $body-font-size-base;\n  margin-bottom: 12px;\n}\n\n.milestone-details {\n  section {\n    &:not(:first-child) {\n      margin-top: 8px;\n    }\n  }\n}\n\n.milestone-details__section {\n  background-color: #ffffff;\n  padding: 16px;\n\n  > p {\n    margin-top: 16px;\n    margin-bottom: 0;\n  }\n\n  md-list {\n    padding: 0;\n  }\n\n  .grading {\n    padding: 0;\n  }\n}\n\n.milestone-details__header {\n  padding: 12px 16px;\n  margin: -16px -16px 16px;\n  text-transform: uppercase;\n  font-weight: 500;\n}\n\n.milestone-details__progress {\n  width: 48px;\n  margin-right: 8px;\n}\n\n.milestone--add {\n  &.md-button {\n    text-transform: uppercase;\n  }\n}\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".student-select {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n.workgroup-progress {\n  margin-bottom: 8px;\n\n  @media (min-width: $layout-breakpoint-sm) {\n    margin-bottom: 0;\n  }\n}\n\nalert-status-corner {\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n",".grading {\n}\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important;\n}\n\n.grading__item {\n  background-color: #ffffff;\n\n  .component {\n    padding: 0;\n  }\n}\n","// Variables\n$notebook-sidebar-width: 56px;\n\n// Base\n.notebook-launcher {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        &.md-button.md-fab {\n            z-index: 61;\n        }\n    }\n}\n\n.notebook-report {\n    border-radius: 4px 4px 0 0;\n    margin: 0;\n    height: 100%;\n\n    .note-toolbar {\n        margin: -8px -8px 8px;\n        padding: 4px;\n        border: 0 none;\n        border-top: 1px solid color('gray-light');\n        border-bottom: 1px solid color('gray-light');\n        border-radius: 0;\n\n        .btn-group {\n            margin-top: 0;\n        }\n    }\n\n    .note-btn {\n        border: 0 none;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n}\n\n.notebook-report-container {\n    height: 550px;\n    width: 450px;\n    max-height: 90%;\n    bottom: 0;\n    right: 96px;\n    position: absolute;\n    z-index: 3;\n}\n\n.notes-visible {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        .notebook-report-container {\n            right: 516px;\n            transition: right 250ms;\n        }\n    }\n}\n\n.notebook-report-container__full {\n    top: 16px;\n    bottom: 16px;\n    left: 16px;\n    right: 16px;\n    max-height: none;\n    max-width: none;\n    height: auto;\n    width: auto;\n\n    .notebook-report {\n        height: 100%;\n        width: 100%;\n        margin: 0 auto;\n        max-height: none;\n        border-radius: $card-border-radius;\n    }\n}\n\n.notebook-report-container__collapsed {\n    width: 300px;\n    height: auto;\n\n    .notebook-report__content, .notebook-report__actions, .notebook-report__content__header {\n        display: none;\n    }\n}\n\n.notebook-report__toolbar {\n    background-color: color('gray-darkest') !important;\n    border-radius: $card-border-radius $card-border-radius 0 0;\n}\n\n.notebook-report__toolbar__title {\n    max-width: 150px;\n}\n\n.notebook-report__content {\n    h1, h2, h3, h4 {\n        font-size: rem(2.2);\n    }\n\n    background-color: #ffffff;\n\n    .note-editor.note-frame {\n        border: 0 none;\n        border-radius: 0;\n        padding: 0;\n        box-shadow: none;\n    }\n\n    .note-resizebar {\n        display: none;\n    }\n}\n\n.notebook-report__content__header {\n    padding: 8px;\n    background-color: #ffffff;\n    font-size: rem(1.6);\n}\n\n@media only screen and (max-width: $layout-breakpoint-xs - 1) {\n    .notebook-report-container {\n        &:not(.notebook-report-container__collapsed) {\n            top: 0;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            max-height: none;\n            max-width: none;\n            height: auto;\n            width: auto;\n\n            .notebook-report {\n                border-radius: 0;\n            }\n        }\n    }\n\n    .notebook-tools--full {\n        display: none;\n    }\n}\n\n.notebook-report-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 3;\n    background-color: rgba(33,33,33,1.0);\n    opacity: .48;\n}\n\n.notebook-menu {\n    transition: opacity 500ms;\n\n    &.ng-enter {\n        opacity: 0;\n    }\n\n    .ng-enter-active {\n        opacity: 1;\n        transition-delay: 250ms;\n    }\n\n    &.ng-leave-active, &.ng-hide {\n        opacity: 0;\n    }\n\n    &.ng-hide-add, &.ng-hide-add-active,\n    &.ng-hide-remove, &.ng-hide-remove-active {\n        opacity: 0;\n    }\n}\n\n.notebook-item {\n    transition: box-shadow 250ms;\n    margin: 0 16px 16px;\n    display: block;\n}\n\n.notebook-item__content {\n    height: 250px;\n    min-width: 230px;\n    position: relative;\n    padding: 0;\n    background-color: color('gray');\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n    position: absolute;\n    left: 0;\n    right: 0;\n}\n\n.notebook-item__content__attachment {\n    background-repeat: no-repeat !important;\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    background-position: center top !important;\n    background-size: cover !important;\n    top: 0;\n    bottom: 0;\n}\n\n.notebook-item__content__text {\n    bottom: 0;\n    padding: 8px;\n    font-weight: 500;\n    overflow: hidden;\n    max-height: 120px;\n    min-height: 56px;\n    background-color: rgba(255,255,255,0.95);\n    border-top: 1px solid color('gray-lighter');\n\n    &:after {\n        content: \"\";\n        text-align: right;\n        position: absolute;\n        bottom: 0;\n        right: 0;\n        width: 100%;\n        height: 0.8em;\n        background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n    }\n}\n\n.notebook-item__content--text-only {\n    &:after {\n        content: \"note\";\n        font-family: 'Material Icons';\n        font-weight: normal;\n        font-style: normal;\n        display: inline-block;\n        line-height: 1;\n        text-transform: none;\n        letter-spacing: normal;\n        word-wrap: normal;\n        white-space: nowrap;\n        direction: ltr;\n\n        /* Support for all WebKit browsers. */\n        -webkit-font-smoothing: antialiased;\n        /* Support for Safari and Chrome. */\n        text-rendering: optimizeLegibility;\n\n        /* Support for Firefox. */\n        -moz-osx-font-smoothing: grayscale;\n\n        /* Support for IE. */\n        font-feature-settings: 'liga';\n        //position: absolute;\n        font-size: 80px;\n        color: color('text-disabled');\n    }\n}\n\n.notebook-item--question__content--text-only {\n    content: \"live_help\";\n}\n\n.notebook-item__content__location {\n    opacity: 0.9;\n    padding: 8px 0;\n\n    md-icon {\n        font-size: 22px;\n    }\n}\n\n.notebook-item__edit {\n    cursor: pointer;\n}\n\n.notebook-item__actions {\n    margin: 0;\n    padding: 0 8px;\n    color: #ffffff;\n    background-color: color('gray-darkest');\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n\n.notebook-item__text-input {\n    margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n    padding-left: 0;\n    padding-right: 0;\n}\n\n.notebook-item__attachment {\n    background-color: color('gray-light');\n    padding: 16px;\n    margin-bottom: 16px;\n    text-align: center;\n    position: relative;\n}\n\n.notebook-item__attachment__content {\n    max-width: 100%;\n    height: auto;\n}\n\n.notebook-item__attachment__delete {\n    position: absolute;\n    top: 4px;\n    right: -2px;\n    // TODO: generalize for on item buttons like this (delete attachment, etc)\n    width: 34px !important;\n    height: 34px !important;\n    min-height: 0;\n\n    md-icon {\n        margin-left: -2px;\n        font-size: 22px;\n    }\n}\n\n.notebook-item__info {\n    font-style: italic;\n    opacity: .8;\n    color: lighten(color('accent-1'), 5%);\n\n    a, md-icon {\n        color: lighten(color('accent-1'), 5%);\n    }\n\n    md-icon {\n        font-size: 1.5em;\n        min-width: 0;\n        width: auto;\n    }\n}\n\n.notebook-item__upload {\n    text-align: center;\n    padding: 24px;\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    color: color('text-secondary');\n    border-radius: 4px;\n    cursor: pointer;\n    border: 1px dashed transparent;\n    transition: all 250ms;\n\n    md-icon, span {\n        transition: color 250ms;\n    }\n\n    &:hover, &:focus, &.dragover {\n        border-color: color('accent');\n        background-color: lighten(color('accent'), 35%);\n        color: color('accent');\n\n        md-icon, span {\n            color: color('accent');\n        }\n    }\n}\n\n.view-notebook-item {\n    width: $layout-breakpoint-xs;\n}\n\n.view-notebook-item__content {\n}\n\n.notebook-item--report {\n    background-color: #ffffff;\n\n    .note-editor {\n        margin-bottom: 16px;\n        border-color: color('gray');\n    }\n}\n\n.notebook-item--report__container {\n    &.ui-scrollpoint {\n        .notebook-item--report__toolbar {\n            position: fixed;\n            top: ($wise-toolbar-height + $md-toolbar-height);\n            left: 0;\n            right: 0;\n            z-index: 1;\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                left: ($notebook-sidebar-width - 2);\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                padding: 0 24px;\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-sm) {\n                padding: 0 32px;\n            }\n\n            .note-toolbar {\n                margin: 0 16px;\n\n                @media only screen and (min-width: $layout-breakpoint-xs) {\n                    margin: 0 8px;\n                }\n\n                @media only screen and (min-width: $layout-breakpoint-sm) {\n                    margin: 0 16px;\n                }\n            }\n        }\n\n        .note-editor {\n            padding-top: 40px;\n        }\n    }\n}\n\n.notebook-item--report__toolbar {\n\n    .note-toolbar {\n        background-color: color('gray-light');\n        border: 1px solid color('gray');\n        margin-bottom: -2px;\n    }\n}\n\n.notebook-item--report__heading {\n    text-align: center;\n    margin-bottom: 32px;\n}\n\n.notebook-item--report__content {\n}\n\n.notebook-item--report__add-note {\n    font-weight: 700;\n}\n\n.notebook-item--report__note-img {\n    max-width: 100%;\n    height: auto !important;\n}\n\n.notebook-sidebar {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 400px;\n        max-width: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 500px;\n        max-width: none;\n    }\n}\n\n.notebook-items {\n    width: 100%;\n    overflow: auto;\n    margin-top: 16px;\n    margin-bottom: 76px;\n\n    .notebook-item {\n        width: 100%;\n    }\n\n    .notebook-item__content {\n        height: 200px;\n        min-width: 0;\n    }\n}\n\n.notebook-items--grading {\n    margin-bottom: 0;\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n    .notebook-enabled {\n        .md-fab-bottom-right, .md-fab-bottom-left {\n            bottom: ($wise-toolbar-height + 8) !important;\n        }\n    }\n}\n\n.notebook-grading {\n    background-color: #ffffff;\n    display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".annotations--grading {\n    md-input-container {\n        margin-bottom: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n\n    input, textarea {\n        //border-width: 0;\n        //background-color: color('text-light-secondary');\n\n        &:focus {\n            background-color: #ffffff;\n        }\n\n        &:disabled {\n            color: color('text');\n        }\n    }\n}\n\n.annotations--grading--revision {\n    margin: 8px 0 0;\n    padding: 8px;\n}\n\n.annotations--notebook {\n    margin-top: 16px;;\n}\n\n.annotations--grading__info {\n    font-style: italic;\n    margin: 8px 8px 4px;\n}\n\n.annotations--grading__item {\n    padding: 8px;\n}\n\n.annotations--grading__score {\n    input {\n        margin-top: 0 !important;\n        font-size: rem(1.8);\n        width: 52px;\n        text-align: center;\n    }\n}\n\n.annotations--grading__score__label {\n    transform: none !important;\n    width: auto;\n    display: block;\n    padding: 0;\n    margin: 0 8px 0 0;\n}\n\n.annotations--grading__score__max {\n    label {\n        display: none;\n    }\n}\n\n.annotations--grading__score__divider {\n    position: relative;\n    top: 12px;\n    margin-left: 4px;\n}\n\n.annotations--grading__auto-comment {\n    margin: 0 2px;\n}\n\n.annotations--grading__auto-comment__content {\n    margin-top: 8px;\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".component--grading {\n    padding: 0;\n    margin: 0;\n\n    &:not(:last-child) {\n        > div {\n            border-bottom: 1px solid color('gray-light');\n        }\n    }\n\n    .component__wrapper {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 16px;\n        margin: 0;\n    }\n}\n\n.component--grading__response {\n    padding-bottom: 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding-right: 16px;\n        padding-bottom: 0;\n    }\n}\n\n.component--grading__response__content {\n    overflow: auto;\n}\n\n.component--grading__annotations {\n    background-color: color('selected-bg');\n}\n\n.component--grading__annotations__divider {\n    padding: 4px;\n    background-color: #ffffff;\n}\n\n.component--grading__actions__info {\n    margin: 16px 0 0;\n    padding-top: 8px;\n    border-top: 1px solid color('gray-lighter');\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".component-revisions {\n    .component {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 0;\n    }\n\n    .component__wrapper {\n        margin: 16px 0;\n    }\n\n    .md-resize-handle {\n        display: none;\n    }\n}\n\n.component-revisions__item, md-list-item.component-revisions__item {\n    padding: 0;\n}\n\n.component-revisions__item--latest {\n    margin-bottom: 24px;\n}\n\n.component-revisions__item__text {\n\n}\n\n.component-revisions__annotation-label {\n    margin-right: 8px;\n}\n\n.component-revisions__has-auto-and-teacher {\n    padding-top: 8px;\n    margin-top: 8px;\n    border-top: 1px solid color('gray-light');\n}\n",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config--monitor.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/monitor.css","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dragula.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_milestones.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_nav--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_grading.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--grading.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_component--revisions.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,wBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBEQoB,CFPpB,eAAgB,CAChB,cGlC8B,CHmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBExDsB,CF4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,wBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,wBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,aCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,wBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"monitor.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Classroom Monitor Colors\n$_primary-color: #1565c0; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 54%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: map-merge($color, $body-color);\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #1565c0; }\n\nblockquote {\n  background-color: #f5f9fe;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1565c0;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #1565c0;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1565c0 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: #ecf4fd; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1565c0;\n  background-color: #ecf4fd; }\n\n.primary {\n  color: #1565c0; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: #ecf4fd; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #1565c0; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: #ecf4fd; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #1565c0; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: #ecf4fd; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out; }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1565c0; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #1565c0; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n.milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0; }\n  .milestone.md-button {\n    text-transform: none; }\n\n.milestone__progress {\n  background-color: #eeeeee;\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px; }\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: #1565c0;\n  font-size: 28px;\n  font-weight: 500; }\n\n.milestone__title {\n  font-weight: 700;\n  font-size: 15px;\n  margin-bottom: 12px; }\n\n.milestone-details section:not(:first-child) {\n  margin-top: 8px; }\n\n.milestone-details__section {\n  background-color: #ffffff;\n  padding: 16px; }\n  .milestone-details__section > p {\n    margin-top: 16px;\n    margin-bottom: 0; }\n  .milestone-details__section md-list {\n    padding: 0; }\n  .milestone-details__section .grading {\n    padding: 0; }\n\n.milestone-details__header {\n  padding: 12px 16px;\n  margin: -16px -16px 16px;\n  text-transform: uppercase;\n  font-weight: 500; }\n\n.milestone-details__progress {\n  width: 48px;\n  margin-right: 8px; }\n\n.milestone--add.md-button {\n  text-transform: uppercase; }\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: #eeeeee;\n  border-radius: 50%; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: #ecf4fd;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.student-select {\n  padding-top: 0;\n  padding-bottom: 0; }\n\n.workgroup-progress {\n  margin-bottom: 8px; }\n  @media (min-width: 960px) {\n    .workgroup-progress {\n      margin-bottom: 0; } }\n\nalert-status-corner {\n  position: absolute;\n  top: 0;\n  right: 0; }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1565c0; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #1565c0;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important; }\n\n.grading__item {\n  background-color: #ffffff; }\n  .grading__item .component {\n    padding: 0; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-launcher.md-button.md-fab {\n    z-index: 61; } }\n\n.notebook-report {\n  border-radius: 4px 4px 0 0;\n  margin: 0;\n  height: 100%; }\n  .notebook-report .note-toolbar {\n    margin: -8px -8px 8px;\n    padding: 4px;\n    border: 0 none;\n    border-top: 1px solid #dddddd;\n    border-bottom: 1px solid #dddddd;\n    border-radius: 0; }\n    .notebook-report .note-toolbar .btn-group {\n      margin-top: 0; }\n  .notebook-report .note-btn {\n    border: 0 none;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0; }\n\n.notebook-report-container {\n  height: 550px;\n  width: 450px;\n  max-height: 90%;\n  bottom: 0;\n  right: 96px;\n  position: absolute;\n  z-index: 3; }\n\n@media only screen and (min-width: 960px) {\n  .notes-visible .notebook-report-container {\n    right: 516px;\n    transition: right 250ms; } }\n\n.notebook-report-container__full {\n  top: 16px;\n  bottom: 16px;\n  left: 16px;\n  right: 16px;\n  max-height: none;\n  max-width: none;\n  height: auto;\n  width: auto; }\n  .notebook-report-container__full .notebook-report {\n    height: 100%;\n    width: 100%;\n    margin: 0 auto;\n    max-height: none;\n    border-radius: 4px; }\n\n.notebook-report-container__collapsed {\n  width: 300px;\n  height: auto; }\n  .notebook-report-container__collapsed .notebook-report__content, .notebook-report-container__collapsed .notebook-report__actions, .notebook-report-container__collapsed .notebook-report__content__header {\n    display: none; }\n\n.notebook-report__toolbar {\n  background-color: #333333 !important;\n  border-radius: 4px 4px 0 0; }\n\n.notebook-report__toolbar__title {\n  max-width: 150px; }\n\n.notebook-report__content {\n  background-color: #ffffff; }\n  .notebook-report__content h1, .notebook-report__content h2, .notebook-report__content h3, .notebook-report__content h4 {\n    font-size: 22px; }\n  .notebook-report__content .note-editor.note-frame {\n    border: 0 none;\n    border-radius: 0;\n    padding: 0;\n    box-shadow: none; }\n  .notebook-report__content .note-resizebar {\n    display: none; }\n\n.notebook-report__content__header {\n  padding: 8px;\n  background-color: #ffffff;\n  font-size: 16px; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-report-container:not(.notebook-report-container__collapsed) {\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    max-height: none;\n    max-width: none;\n    height: auto;\n    width: auto; }\n    .notebook-report-container:not(.notebook-report-container__collapsed) .notebook-report {\n      border-radius: 0; }\n  .notebook-tools--full {\n    display: none; } }\n\n.notebook-report-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 3;\n  background-color: #212121;\n  opacity: .48; }\n\n.notebook-menu {\n  transition: opacity 500ms; }\n  .notebook-menu.ng-enter {\n    opacity: 0; }\n  .notebook-menu .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .notebook-menu.ng-leave-active, .notebook-menu.ng-hide {\n    opacity: 0; }\n  .notebook-menu.ng-hide-add, .notebook-menu.ng-hide-add-active, .notebook-menu.ng-hide-remove, .notebook-menu.ng-hide-remove-active {\n    opacity: 0; }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.view-notebook-item {\n  width: 600px; }\n\n.notebook-item--report {\n  background-color: #ffffff; }\n  .notebook-item--report .note-editor {\n    margin-bottom: 16px;\n    border-color: #cccccc; }\n\n.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n  position: fixed;\n  top: 94px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      left: 54px; } }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 24px; } }\n  @media only screen and (min-width: 960px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 32px; } }\n  .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n    margin: 0 16px; }\n    @media only screen and (min-width: 600px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 8px; } }\n    @media only screen and (min-width: 960px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 16px; } }\n\n.notebook-item--report__container.ui-scrollpoint .note-editor {\n  padding-top: 40px; }\n\n.notebook-item--report__toolbar .note-toolbar {\n  background-color: #dddddd;\n  border: 1px solid #cccccc;\n  margin-bottom: -2px; }\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px; }\n\n.notebook-item--report__add-note {\n  font-weight: 700; }\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n.notebook-items {\n  width: 100%;\n  overflow: auto;\n  margin-top: 16px;\n  margin-bottom: 76px; }\n  .notebook-items .notebook-item {\n    width: 100%; }\n  .notebook-items .notebook-item__content {\n    height: 200px;\n    min-width: 0; }\n\n.notebook-items--grading {\n  margin-bottom: 0; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.annotations--grading md-input-container {\n  margin-bottom: 0; }\n\n.annotations--grading .md-errors-spacer {\n  display: none; }\n\n.annotations--grading input:focus, .annotations--grading textarea:focus {\n  background-color: #ffffff; }\n\n.annotations--grading input:disabled, .annotations--grading textarea:disabled {\n  color: rgba(0, 0, 0, 0.87); }\n\n.annotations--grading--revision {\n  margin: 8px 0 0;\n  padding: 8px; }\n\n.annotations--notebook {\n  margin-top: 16px; }\n\n.annotations--grading__info {\n  font-style: italic;\n  margin: 8px 8px 4px; }\n\n.annotations--grading__item {\n  padding: 8px; }\n\n.annotations--grading__score input {\n  margin-top: 0 !important;\n  font-size: 18px;\n  width: 52px;\n  text-align: center; }\n\n.annotations--grading__score__label {\n  transform: none !important;\n  width: auto;\n  display: block;\n  padding: 0;\n  margin: 0 8px 0 0; }\n\n.annotations--grading__score__max label {\n  display: none; }\n\n.annotations--grading__score__divider {\n  position: relative;\n  top: 12px;\n  margin-left: 4px; }\n\n.annotations--grading__auto-comment {\n  margin: 0 2px; }\n\n.annotations--grading__auto-comment__content {\n  margin-top: 8px; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.component--grading {\n  padding: 0;\n  margin: 0; }\n  .component--grading:not(:last-child) > div {\n    border-bottom: 1px solid #dddddd; }\n  .component--grading .component__wrapper {\n    padding: 0;\n    margin: 0; }\n  .component--grading .component__content {\n    padding: 16px;\n    margin: 0; }\n\n.component--grading__response {\n  padding-bottom: 16px; }\n  @media only screen and (min-width: 960px) {\n    .component--grading__response {\n      padding-right: 16px;\n      padding-bottom: 0; } }\n\n.component--grading__response__content {\n  overflow: auto; }\n\n.component--grading__annotations {\n  background-color: #ecf4fd; }\n\n.component--grading__annotations__divider {\n  padding: 4px;\n  background-color: #ffffff; }\n\n.component--grading__actions__info {\n  margin: 16px 0 0;\n  padding-top: 8px;\n  border-top: 1px solid #eeeeee; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #1565c0; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #1565c0; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.component-revisions .component {\n  padding: 0;\n  margin: 0; }\n\n.component-revisions .component__content {\n  padding: 0; }\n\n.component-revisions .component__wrapper {\n  margin: 16px 0; }\n\n.component-revisions .md-resize-handle {\n  display: none; }\n\n.component-revisions__item, md-list-item.component-revisions__item {\n  padding: 0; }\n\n.component-revisions__item--latest {\n  margin-bottom: 24px; }\n\n.component-revisions__annotation-label {\n  margin-right: 8px; }\n\n.component-revisions__has-auto-and-teacher {\n  padding-top: 8px;\n  margin-top: 8px;\n  border-top: 1px solid #dddddd; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n",".gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out;\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}",".milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0;\n\n  &.md-button {\n    text-transform: none;\n  }\n}\n\n.milestone__progress {\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px;\n}\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: color('primary');\n  font-size: rem(2.8);\n  font-weight: 500;\n}\n\n.milestone__title {\n  font-weight: 700;\n  font-size: $body-font-size-base;\n  margin-bottom: 12px;\n}\n\n.milestone-details {\n  section {\n    &:not(:first-child) {\n      margin-top: 8px;\n    }\n  }\n}\n\n.milestone-details__section {\n  background-color: #ffffff;\n  padding: 16px;\n\n  > p {\n    margin-top: 16px;\n    margin-bottom: 0;\n  }\n\n  md-list {\n    padding: 0;\n  }\n\n  .grading {\n    padding: 0;\n  }\n}\n\n.milestone-details__header {\n  padding: 12px 16px;\n  margin: -16px -16px 16px;\n  text-transform: uppercase;\n  font-weight: 500;\n}\n\n.milestone-details__progress {\n  width: 48px;\n  margin-right: 8px;\n}\n\n.milestone--add {\n  &.md-button {\n    text-transform: uppercase;\n  }\n}\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".student-select {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n.workgroup-progress {\n  margin-bottom: 8px;\n\n  @media (min-width: $layout-breakpoint-sm) {\n    margin-bottom: 0;\n  }\n}\n\nalert-status-corner {\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n",".grading {\n}\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important;\n}\n\n.grading__item {\n  background-color: #ffffff;\n\n  .component {\n    padding: 0;\n  }\n}\n","// Variables\n$notebook-sidebar-width: 56px;\n\n// Base\n.notebook-launcher {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        &.md-button.md-fab {\n            z-index: 61;\n        }\n    }\n}\n\n.notebook-report {\n    border-radius: 4px 4px 0 0;\n    margin: 0;\n    height: 100%;\n\n    .note-toolbar {\n        margin: -8px -8px 8px;\n        padding: 4px;\n        border: 0 none;\n        border-top: 1px solid color('gray-light');\n        border-bottom: 1px solid color('gray-light');\n        border-radius: 0;\n\n        .btn-group {\n            margin-top: 0;\n        }\n    }\n\n    .note-btn {\n        border: 0 none;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n}\n\n.notebook-report-container {\n    height: 550px;\n    width: 450px;\n    max-height: 90%;\n    bottom: 0;\n    right: 96px;\n    position: absolute;\n    z-index: 3;\n}\n\n.notes-visible {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        .notebook-report-container {\n            right: 516px;\n            transition: right 250ms;\n        }\n    }\n}\n\n.notebook-report-container__full {\n    top: 16px;\n    bottom: 16px;\n    left: 16px;\n    right: 16px;\n    max-height: none;\n    max-width: none;\n    height: auto;\n    width: auto;\n\n    .notebook-report {\n        height: 100%;\n        width: 100%;\n        margin: 0 auto;\n        max-height: none;\n        border-radius: $card-border-radius;\n    }\n}\n\n.notebook-report-container__collapsed {\n    width: 300px;\n    height: auto;\n\n    .notebook-report__content, .notebook-report__actions, .notebook-report__content__header {\n        display: none;\n    }\n}\n\n.notebook-report__toolbar {\n    background-color: color('gray-darkest') !important;\n    border-radius: $card-border-radius $card-border-radius 0 0;\n}\n\n.notebook-report__toolbar__title {\n    max-width: 150px;\n}\n\n.notebook-report__content {\n    h1, h2, h3, h4 {\n        font-size: rem(2.2);\n    }\n\n    background-color: #ffffff;\n\n    .note-editor.note-frame {\n        border: 0 none;\n        border-radius: 0;\n        padding: 0;\n        box-shadow: none;\n    }\n\n    .note-resizebar {\n        display: none;\n    }\n}\n\n.notebook-report__content__header {\n    padding: 8px;\n    background-color: #ffffff;\n    font-size: rem(1.6);\n}\n\n@media only screen and (max-width: $layout-breakpoint-xs - 1) {\n    .notebook-report-container {\n        &:not(.notebook-report-container__collapsed) {\n            top: 0;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            max-height: none;\n            max-width: none;\n            height: auto;\n            width: auto;\n\n            .notebook-report {\n                border-radius: 0;\n            }\n        }\n    }\n\n    .notebook-tools--full {\n        display: none;\n    }\n}\n\n.notebook-report-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 3;\n    background-color: rgba(33,33,33,1.0);\n    opacity: .48;\n}\n\n.notebook-menu {\n    transition: opacity 500ms;\n\n    &.ng-enter {\n        opacity: 0;\n    }\n\n    .ng-enter-active {\n        opacity: 1;\n        transition-delay: 250ms;\n    }\n\n    &.ng-leave-active, &.ng-hide {\n        opacity: 0;\n    }\n\n    &.ng-hide-add, &.ng-hide-add-active,\n    &.ng-hide-remove, &.ng-hide-remove-active {\n        opacity: 0;\n    }\n}\n\n.notebook-item {\n    transition: box-shadow 250ms;\n    margin: 0 16px 16px;\n    display: block;\n}\n\n.notebook-item__content {\n    height: 250px;\n    min-width: 230px;\n    position: relative;\n    padding: 0;\n    background-color: color('gray');\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n    position: absolute;\n    left: 0;\n    right: 0;\n}\n\n.notebook-item__content__attachment {\n    background-repeat: no-repeat !important;\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    background-position: center top !important;\n    background-size: cover !important;\n    top: 0;\n    bottom: 0;\n}\n\n.notebook-item__content__text {\n    bottom: 0;\n    padding: 8px;\n    font-weight: 500;\n    overflow: hidden;\n    max-height: 120px;\n    min-height: 56px;\n    background-color: rgba(255,255,255,0.95);\n    border-top: 1px solid color('gray-lighter');\n\n    &:after {\n        content: \"\";\n        text-align: right;\n        position: absolute;\n        bottom: 0;\n        right: 0;\n        width: 100%;\n        height: 0.8em;\n        background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n    }\n}\n\n.notebook-item__content--text-only {\n    &:after {\n        content: \"note\";\n        font-family: 'Material Icons';\n        font-weight: normal;\n        font-style: normal;\n        display: inline-block;\n        line-height: 1;\n        text-transform: none;\n        letter-spacing: normal;\n        word-wrap: normal;\n        white-space: nowrap;\n        direction: ltr;\n\n        /* Support for all WebKit browsers. */\n        -webkit-font-smoothing: antialiased;\n        /* Support for Safari and Chrome. */\n        text-rendering: optimizeLegibility;\n\n        /* Support for Firefox. */\n        -moz-osx-font-smoothing: grayscale;\n\n        /* Support for IE. */\n        font-feature-settings: 'liga';\n        //position: absolute;\n        font-size: 80px;\n        color: color('text-disabled');\n    }\n}\n\n.notebook-item--question__content--text-only {\n    content: \"live_help\";\n}\n\n.notebook-item__content__location {\n    opacity: 0.9;\n    padding: 8px 0;\n\n    md-icon {\n        font-size: 22px;\n    }\n}\n\n.notebook-item__edit {\n    cursor: pointer;\n}\n\n.notebook-item__actions {\n    margin: 0;\n    padding: 0 8px;\n    color: #ffffff;\n    background-color: color('gray-darkest');\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n\n.notebook-item__text-input {\n    margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n    padding-left: 0;\n    padding-right: 0;\n}\n\n.notebook-item__attachment {\n    background-color: color('gray-light');\n    padding: 16px;\n    margin-bottom: 16px;\n    text-align: center;\n    position: relative;\n}\n\n.notebook-item__attachment__content {\n    max-width: 100%;\n    height: auto;\n}\n\n.notebook-item__attachment__delete {\n    position: absolute;\n    top: 4px;\n    right: -2px;\n    // TODO: generalize for on item buttons like this (delete attachment, etc)\n    width: 34px !important;\n    height: 34px !important;\n    min-height: 0;\n\n    md-icon {\n        margin-left: -2px;\n        font-size: 22px;\n    }\n}\n\n.notebook-item__info {\n    font-style: italic;\n    opacity: .8;\n    color: lighten(color('accent-1'), 5%);\n\n    a, md-icon {\n        color: lighten(color('accent-1'), 5%);\n    }\n\n    md-icon {\n        font-size: 1.5em;\n        min-width: 0;\n        width: auto;\n    }\n}\n\n.notebook-item__upload {\n    text-align: center;\n    padding: 24px;\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    color: color('text-secondary');\n    border-radius: 4px;\n    cursor: pointer;\n    border: 1px dashed transparent;\n    transition: all 250ms;\n\n    md-icon, span {\n        transition: color 250ms;\n    }\n\n    &:hover, &:focus, &.dragover {\n        border-color: color('accent');\n        background-color: lighten(color('accent'), 35%);\n        color: color('accent');\n\n        md-icon, span {\n            color: color('accent');\n        }\n    }\n}\n\n.view-notebook-item {\n    width: $layout-breakpoint-xs;\n}\n\n.view-notebook-item__content {\n}\n\n.notebook-item--report {\n    background-color: #ffffff;\n\n    .note-editor {\n        margin-bottom: 16px;\n        border-color: color('gray');\n    }\n}\n\n.notebook-item--report__container {\n    &.ui-scrollpoint {\n        .notebook-item--report__toolbar {\n            position: fixed;\n            top: ($wise-toolbar-height + $md-toolbar-height);\n            left: 0;\n            right: 0;\n            z-index: 1;\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                left: ($notebook-sidebar-width - 2);\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                padding: 0 24px;\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-sm) {\n                padding: 0 32px;\n            }\n\n            .note-toolbar {\n                margin: 0 16px;\n\n                @media only screen and (min-width: $layout-breakpoint-xs) {\n                    margin: 0 8px;\n                }\n\n                @media only screen and (min-width: $layout-breakpoint-sm) {\n                    margin: 0 16px;\n                }\n            }\n        }\n\n        .note-editor {\n            padding-top: 40px;\n        }\n    }\n}\n\n.notebook-item--report__toolbar {\n\n    .note-toolbar {\n        background-color: color('gray-light');\n        border: 1px solid color('gray');\n        margin-bottom: -2px;\n    }\n}\n\n.notebook-item--report__heading {\n    text-align: center;\n    margin-bottom: 32px;\n}\n\n.notebook-item--report__content {\n}\n\n.notebook-item--report__add-note {\n    font-weight: 700;\n}\n\n.notebook-item--report__note-img {\n    max-width: 100%;\n    height: auto !important;\n}\n\n.notebook-sidebar {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 400px;\n        max-width: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 500px;\n        max-width: none;\n    }\n}\n\n.notebook-items {\n    width: 100%;\n    overflow: auto;\n    margin-top: 16px;\n    margin-bottom: 76px;\n\n    .notebook-item {\n        width: 100%;\n    }\n\n    .notebook-item__content {\n        height: 200px;\n        min-width: 0;\n    }\n}\n\n.notebook-items--grading {\n    margin-bottom: 0;\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n    .notebook-enabled {\n        .md-fab-bottom-right, .md-fab-bottom-left {\n            bottom: ($wise-toolbar-height + 8) !important;\n        }\n    }\n}\n\n.notebook-grading {\n    background-color: #ffffff;\n    display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".annotations--grading {\n    md-input-container {\n        margin-bottom: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n\n    input, textarea {\n        //border-width: 0;\n        //background-color: color('text-light-secondary');\n\n        &:focus {\n            background-color: #ffffff;\n        }\n\n        &:disabled {\n            color: color('text');\n        }\n    }\n}\n\n.annotations--grading--revision {\n    margin: 8px 0 0;\n    padding: 8px;\n}\n\n.annotations--notebook {\n    margin-top: 16px;;\n}\n\n.annotations--grading__info {\n    font-style: italic;\n    margin: 8px 8px 4px;\n}\n\n.annotations--grading__item {\n    padding: 8px;\n}\n\n.annotations--grading__score {\n    input {\n        margin-top: 0 !important;\n        font-size: rem(1.8);\n        width: 52px;\n        text-align: center;\n    }\n}\n\n.annotations--grading__score__label {\n    transform: none !important;\n    width: auto;\n    display: block;\n    padding: 0;\n    margin: 0 8px 0 0;\n}\n\n.annotations--grading__score__max {\n    label {\n        display: none;\n    }\n}\n\n.annotations--grading__score__divider {\n    position: relative;\n    top: 12px;\n    margin-left: 4px;\n}\n\n.annotations--grading__auto-comment {\n    margin: 0 2px;\n}\n\n.annotations--grading__auto-comment__content {\n    margin-top: 8px;\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n\n\n\n\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".component--grading {\n    padding: 0;\n    margin: 0;\n\n    &:not(:last-child) {\n        > div {\n            border-bottom: 1px solid color('gray-light');\n        }\n    }\n\n    .component__wrapper {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 16px;\n        margin: 0;\n    }\n}\n\n.component--grading__response {\n    padding-bottom: 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding-right: 16px;\n        padding-bottom: 0;\n    }\n}\n\n.component--grading__response__content {\n    overflow: auto;\n}\n\n.component--grading__annotations {\n    background-color: color('selected-bg');\n}\n\n.component--grading__annotations__divider {\n    padding: 4px;\n    background-color: #ffffff;\n}\n\n.component--grading__actions__info {\n    margin: 16px 0 0;\n    padding-top: 8px;\n    border-top: 1px solid color('gray-lighter');\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".component-revisions {\n    .component {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 0;\n    }\n\n    .component__wrapper {\n        margin: 16px 0;\n    }\n\n    .md-resize-handle {\n        display: none;\n    }\n}\n\n.component-revisions__item, md-list-item.component-revisions__item {\n    padding: 0;\n}\n\n.component-revisions__item--latest {\n    margin-bottom: 24px;\n}\n\n.component-revisions__item__text {\n\n}\n\n.component-revisions__annotation-label {\n    margin-right: 8px;\n}\n\n.component-revisions__has-auto-and-teacher {\n    padding-top: 8px;\n    margin-top: 8px;\n    border-top: 1px solid color('gray-light');\n}\n",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
diff --git a/src/main/webapp/wise5/themes/default/style/vle.css b/src/main/webapp/wise5/themes/default/style/vle.css
index 6820cf1f3f..16167c9f23 100644
--- a/src/main/webapp/wise5/themes/default/style/vle.css
+++ b/src/main/webapp/wise5/themes/default/style/vle.css
@@ -1,2 +1,2 @@
-body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1c8ca8}blockquote{background-color:#e7f7fb;padding:8px;margin:16px 0;border:solid #1c8ca8;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1c8ca8;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1c8ca8!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#f4fbfd}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#1c8ca8;background-color:#f4fbfd}.primary{color:#1c8ca8}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#f4fbfd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1c8ca8}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#f4fbfd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1c8ca8}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#f4fbfd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav{background-color:#eee!important}.l-node{margin-top:42px;padding:0}@media only screen and (min-width:600px){.l-node{padding:0 0 16px;background-color:#eee!important}}@media only screen and (min-width:960px){.l-node{padding:0 0 32px}}.l-notebook{margin-top:42px;background-color:#eee!important}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;transition:opacity .25s ease-in-out}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1c8ca8}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1c8ca8}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#f4fbfd}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1c8ca8}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #1c8ca8;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}@media only screen and (min-width:600px){.notebook-launcher.md-button.md-fab{z-index:61}}.notebook-report{border-radius:4px 4px 0 0;margin:0;height:100%}.notebook-report .note-toolbar{margin:-8px -8px 8px;padding:4px;border-bottom:0;border-top:0;border-color:#ddd currentcolor;border-style:solid none;border-width:1px 0;border-radius:0}.notebook-report .note-toolbar .btn-group{margin-top:0}.notebook-report .note-btn{border:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.notebook-report-container{height:550px;width:450px;max-height:90%;bottom:0;right:96px;position:absolute;z-index:3}@media only screen and (min-width:960px){.notes-visible .notebook-report-container{right:516px;transition:right .25s}}.notebook-report-container__full{top:16px;bottom:16px;left:16px;right:16px;max-height:none;max-width:none;height:auto;width:auto}.notebook-report-container__full .notebook-report{height:100%;width:100%;margin:0 auto;max-height:none;border-radius:4px}.notebook-report-container__collapsed{width:300px;height:auto}.notebook-report-container__collapsed .notebook-report__actions,.notebook-report-container__collapsed .notebook-report__content,.notebook-report-container__collapsed .notebook-report__content__header{display:none}.notebook-report__toolbar{background-color:#333!important;border-radius:4px 4px 0 0}.notebook-report__toolbar__title{max-width:150px}.notebook-report__content{background-color:#fff}.notebook-report__content h1,.notebook-report__content h2,.notebook-report__content h3,.notebook-report__content h4{font-size:22px}.notebook-report__content .note-editor.note-frame{border:0;border-radius:0;padding:0;box-shadow:none}.notebook-report__content .note-resizebar{display:none}.notebook-report__content__header{padding:8px;background-color:#fff;font-size:16px}@media only screen and (max-width:599px){.notebook-report-container:not(.notebook-report-container__collapsed){top:0;bottom:0;left:0;right:0;max-height:none;max-width:none;height:auto;width:auto}.notebook-report-container:not(.notebook-report-container__collapsed) .notebook-report{border-radius:0}.notebook-tools--full{display:none}}.notebook-report-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;background-color:#212121;opacity:.48}.notebook-menu{transition:opacity .5s}.notebook-menu.ng-enter{opacity:0}.notebook-menu .ng-enter-active{opacity:1;transition-delay:.25s}.notebook-menu.ng-hide,.notebook-menu.ng-hide-add,.notebook-menu.ng-hide-add-active,.notebook-menu.ng-hide-remove,.notebook-menu.ng-hide-remove-active,.notebook-menu.ng-leave-active{opacity:0}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.view-notebook-item{width:600px}.notebook-item--report{background-color:#fff}.notebook-item--report .note-editor{margin-bottom:16px;border-color:#ccc}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{position:fixed;top:94px;left:0;right:0;z-index:1}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{left:54px;padding:0 24px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{padding:0 32px}}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 8px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}}.notebook-item--report__container.ui-scrollpoint .note-editor{padding-top:40px}.notebook-item--report__toolbar .note-toolbar{background-color:#ddd;border:1px solid #ccc;margin-bottom:-2px}.notebook-item--report__heading{text-align:center;margin-bottom:32px}.notebook-item--report__add-note{font-weight:700}.notebook-item--report__note-img{max-width:100%;height:auto!important}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}.notebook-items{width:100%;overflow:auto;margin-top:16px;margin-bottom:76px}.notebook-items .notebook-item{width:100%}.notebook-items .notebook-item__content{height:200px;min-width:0}.notebook-items--grading{margin-bottom:0}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__contents{padding:16px}.discussion-post__avatar,md-list-item>.md-avatar.discussion-post__avatar{margin-right:8px}.discussion-post__avatar--reply,md-list-item>.md-avatar.discussion-post__avatar--reply{margin-top:8px}.discussion-post__user,md-list-item .md-list-item-text h3.discussion-post__user{padding-bottom:4px;font-weight:700;line-height:1.3;overflow:visible;white-space:normal}.discussion-post__date{color:#aaa}.discussion-post__date--reply{margin-left:8px;font-weight:400}.discussion-post__content{margin-top:16px;white-space:pre-wrap}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.discussion-comments{padding:0}.discussion-comments__contents{background-color:#f7f7f7}.discussion-comments__header{background-color:transparent;padding:0}.discussion-comments__header .md-subheader-inner{padding-bottom:8px}.discussion-comments__list{padding:0;max-height:9999px;overflow-y:auto}@media only screen and (min-width:600px){.discussion-comments__list{max-height:400px}}.input--textarea.discussion-reply__input,.input-container textarea.input--textarea.discussion-reply__input{background-color:#fff;padding:4px;font-size:14px;border:0;margin-left:-1px;margin-bottom:0;resize:none}.discussion-reply,md-list-item.discussion-reply{margin:0 12px 8px;padding:0;min-height:56px}.discusstion-reply__details,md-list-item .md-list-item-text.discusstion-reply__details{margin:8px 0}.discussion-post__user--reply,md-list-item .md-list-item-text h3.discussion-post__user--reply{font-size:14px;padding:0;margin:0}.discusstion-reply__content{margin-top:2px}.discusstion-reply__content p{font-weight:400!important;color:rgba(0,0,0,.87)!important}.discussion-new-reply{padding:8px}.discussion-new-reply__input-container{padding-top:0;margin:0}.discussion-new-reply__input-container .md-errors-spacer{display:none}.discussion-new-reply__actions{margin-left:8px}.discussion-new-reply__actions .md-button{margin-top:0;margin-bottom:0}.embedded-content__iframe{border:0}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#1c8ca8}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#1c8ca8}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
+body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1c8ca8}blockquote{background-color:#e7f7fb;padding:8px;margin:16px 0;border:solid #1c8ca8;border-width:0 0 0 3px}.has-indicator:after{content:"";position:absolute;border-radius:50%;padding:5px;background-color:#f05843}.has-indicator--icon-button:after{top:25px;left:5px}.badge{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;font-style:normal;background-color:#aaa}.badge.md-button{min-width:0;min-height:0;line-height:inherit}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1c8ca8;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1c8ca8!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu.md-default-theme md-option[selected],md-select-menu md-option[selected]{background-color:#f4fbfd}.md-autocomplete-suggestions-container.md-default-theme li .highlight,.md-autocomplete-suggestions-container li .highlight{color:#1c8ca8;background-color:#f4fbfd}.primary{color:#1c8ca8}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#f4fbfd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1c8ca8}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#f4fbfd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1c8ca8}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#f4fbfd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}.l-constrained-md{width:960px;max-width:100%}.l-footer{position:fixed;bottom:0;left:0;right:0;z-index:1;background-color:#fff;border-top:1px solid #eee}.button--footer{margin:0;padding-top:0;padding-bottom:0;min-width:0;display:flex}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{margin-left:0!important;height:36px;width:36px;vertical-align:middle}.l-header .logo-link{min-width:auto;display:none;padding:0 4px;margin-right:12px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{margin:0 auto;padding:8px;position:absolute;left:0;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}}@media only screen and (min-width:600px){[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-weight:300;margin-top:0;margin-bottom:0;font-size:36px}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}}@media only screen and (max-width:959px){.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav{background-color:#eee!important}.l-node{margin-top:42px;padding:0}@media only screen and (min-width:600px){.l-node{padding:0 0 16px;background-color:#eee!important}}@media only screen and (min-width:960px){.l-node{padding:0 0 32px}}.l-notebook{margin-top:42px;background-color:#eee!important}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;z-index:1;vertical-align:bottom}.md-button.status-icon{height:auto;width:auto;min-height:0;line-height:inherit;margin:0 4px;padding:0}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;transition:opacity .25s ease-in-out}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{padding:0 0 0 12px;background-color:#ef6c00}.help-bubble___title__content .md-icon-button{margin-right:0;padding-top:0;padding-bottom:0}.help-bubble__content{overflow:auto;padding:8px 12px;max-height:480px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}div.hopscotch-bubble{border-radius:4px;border:0;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;z-index:6}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:20px;height:20px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:0;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-34px;left:12px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:10px solid #ef6c00;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:12px;left:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-right:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;left:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:12px;right:-30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-left:10px solid #ef6c00;border-bottom:10px solid transparent;border-top:10px solid transparent;position:relative;right:0;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border:0}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1c8ca8}.input--textarea,.input-container textarea.input--textarea{padding:8px;background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{line-height:1.2;color:rgba(0,0,0,.87)}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1c8ca8}.autocomplete input{text-overflow:ellipsis;overflow:hidden;word-wrap:none;font-weight:500;color:rgba(0,0,0,.54)}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){box-shadow:none;background-color:#eee}.select__header{height:48px}.select__header input{height:100%;width:100%;padding:0 8px;outline:none;border:0;font-size:14px;font-weight:500}.table{max-width:100%;width:auto;min-width:100px;margin:8px 0}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;padding:6px;font-size:15px;min-height:32px;height:32px;min-width:32px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{border:0;border-collapse:collapse;background-color:#fff;max-width:100%;overflow:auto}.table--list td,.table--list th{padding:0 4px;border:0}.table--list td{min-height:56px;height:56px}.table--list tr.md-button{display:table-row;text-align:left;width:auto;text-transform:none;font-size:inherit;font-weight:400}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;min-height:42px;height:42px}.table--list__thead__link{color:#fff;text-transform:none;margin:0;min-width:0;white-space:normal;line-height:1.4;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{min-width:180px;white-space:normal;line-height:1.2}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{padding:0 8px;font-size:15px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{position:fixed;left:0;right:0;top:52px;z-index:3}.toolbar__title{margin-left:8px;font-size:16px;font-weight:500}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-right:16px;padding-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{margin:0 4px;min-height:32px;background-color:#f7f7f7}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item.md-subheader,.list-item .md-subheader{color:rgba(0,0,0,.87);background-color:#fff}.list-item.md-subheader md-icon,.list-item .md-subheader md-icon{vertical-align:middle}.list-item.md-subheader .md-subheader-inner,.list-item .md-subheader .md-subheader-inner{padding:0}.list-item.md-subheader .md-avatar,.list-item .md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info._md-button-wrap>div.md-button:first-child,.list-item--info .md-subheader-content{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn._md-button-wrap>div.md-button:first-child,.list-item--warn .md-subheader-content{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{cursor:default;background-color:#f7f7f7}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{text-transform:none;width:100%;padding:8px 16px;margin:0;white-space:normal;text-align:left;line-height:1.4}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.25);z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#f4fbfd}.nav-item--card__content{border-top-right-radius:4px;border-top-left-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;max-width:100%;max-height:none!important;margin:8px auto;padding-left:4px}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__info-item{padding:0 16px 0 4px;display:inline-block}.nav-item--list__reorder{margin-left:8px;color:rgba(0,0,0,.26)}.nav-item--card--group:not(.expanded){box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084),3px 3px 0 1px #d5d5d5,6px 6px 0 1px #aaa}.nav-item__collapse{margin:0}.nav-item__more{border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:8px 16px;min-height:40px}.nav-item__users{height:auto;cursor:pointer;color:#fff;margin:0;padding:1px 6px}.nav-item__users>md-icon{padding-right:4px;color:#fff}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{padding-left:16px;line-height:1.2;font-weight:400}[dir=rtl] .nav-item__title{padding-left:auto;padding-right:16px}.nav-item__info{padding:0 8px}.nav-item__progress{width:48px}.nav-item__progress>.md-container{top:0}.nav-item__progress-value{margin-left:8px;width:36px}.progress-wrapper{padding:2px 0;cursor:pointer}.menu-progress{position:absolute;top:10px;right:12px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{right:auto;left:12px}.menu-sidenav__item{font-weight:700;font-size:14px}.menu-sidenav__icon{margin-top:12px!important;margin-right:12px!important;margin-left:12px}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1c8ca8}.menu-sidebar{position:absolute;top:94px;bottom:0;left:0;background-color:#fff;width:56px;overflow:hidden;padding:8px 0;text-align:center;border-right:1px solid #ccc}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{right:0;left:auto}.md-button.md-icon-button.menu-sidebar__link{margin-top:6px;margin-bottom:6px}.notice{text-align:center;padding:8px;background-color:rgba(0,0,0,.04);width:100%}@media (min-width:600px){.notice{max-width:80%;border-radius:3px;margin:24px auto}}#node{margin:0 auto;position:absolute;left:0;right:0}@media only screen and (min-width:600px){#node{padding:24px 16px;margin-bottom:32px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{transition:opacity .5s;opacity:0}#node.ng-enter-active{opacity:1}@media only screen and (min-width:600px){.node-notice{margin-top:-8px;margin-bottom:16px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.node-content{padding:0 0 48px;background-color:#fff;border-radius:3px;overflow:visible}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{padding:0;border-top:2px solid;border-bottom:2px solid}}md-content.node-content{background-color:#fff}.node-content__rubric{position:absolute;top:-22px;left:0;right:0;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{margin:0 8px;min-width:0;font-weight:500;font-size:15px}.node-select .md-select-value :first-child{transform:translateZ(0);flex:1 0 0}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{margin-left:0;color:rgba(0,0,0,.87)}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;text-transform:none;margin-top:3px}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{position:fixed;width:52px;background-color:#fff;padding:8px 0;border-radius:3px}@media only screen and (max-width:599px){.node-sidebar__toolbar{right:0;bottom:0;left:0;width:100%;border-radius:0;padding:0;min-height:0;height:42px}}.node-info{margin:0}@media only screen and (max-width:599px){.node-info{margin:-16px;border-radius:0}}.node-info .divider{margin-left:-8px;margin-right:-8px}.node-info .component:first-child{margin-top:-16px}.node-info .component,.node-info .component__content,.node-info .component__header{margin-left:-8px;margin-right:-8px}.node-info .component__actions{display:none}.node-rubric{border:2px solid #1c8ca8;margin:8px 16px 24px;padding:16px;background-color:#fff}.node__label--vertical-alignment{vertical-align:middle;display:inline-block}@media only screen and (min-width:600px){.notebook-launcher.md-button.md-fab{z-index:61}}.notebook-report{border-radius:4px 4px 0 0;margin:0;height:100%}.notebook-report .note-toolbar{margin:-8px -8px 8px;padding:4px;border-bottom:0;border-top:0;border-color:#ddd currentcolor;border-style:solid none;border-width:1px 0;border-radius:0}.notebook-report .note-toolbar .btn-group{margin-top:0}.notebook-report .note-btn{border:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.notebook-report-container{height:550px;width:450px;max-height:90%;bottom:0;right:96px;position:absolute;z-index:3}@media only screen and (min-width:960px){.notes-visible .notebook-report-container{right:516px;transition:right .25s}}.notebook-report-container__full{top:16px;bottom:16px;left:16px;right:16px;max-height:none;max-width:none;height:auto;width:auto}.notebook-report-container__full .notebook-report{height:100%;width:100%;margin:0 auto;max-height:none;border-radius:4px}.notebook-report-container__collapsed{width:300px;height:auto}.notebook-report-container__collapsed .notebook-report__actions,.notebook-report-container__collapsed .notebook-report__content,.notebook-report-container__collapsed .notebook-report__content__header{display:none}.notebook-report__toolbar{background-color:#333!important;border-radius:4px 4px 0 0}.notebook-report__toolbar__title{max-width:150px}.notebook-report__content{background-color:#fff}.notebook-report__content h1,.notebook-report__content h2,.notebook-report__content h3,.notebook-report__content h4{font-size:22px}.notebook-report__content .note-editor.note-frame{border:0;border-radius:0;padding:0;box-shadow:none}.notebook-report__content .note-resizebar{display:none}.notebook-report__content__header{padding:8px;background-color:#fff;font-size:16px}@media only screen and (max-width:599px){.notebook-report-container:not(.notebook-report-container__collapsed){top:0;bottom:0;left:0;right:0;max-height:none;max-width:none;height:auto;width:auto}.notebook-report-container:not(.notebook-report-container__collapsed) .notebook-report{border-radius:0}.notebook-tools--full{display:none}}.notebook-report-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;background-color:#212121;opacity:.48}.notebook-menu{transition:opacity .5s}.notebook-menu.ng-enter{opacity:0}.notebook-menu .ng-enter-active{opacity:1;transition-delay:.25s}.notebook-menu.ng-hide,.notebook-menu.ng-hide-add,.notebook-menu.ng-hide-add-active,.notebook-menu.ng-hide-remove,.notebook-menu.ng-hide-remove-active,.notebook-menu.ng-leave-active{opacity:0}.notebook-item{transition:box-shadow .25s;margin:0 16px 16px;display:block}.notebook-item__content{height:250px;min-width:230px;position:relative;padding:0;background-color:#ccc;border-top-left-radius:4px;border-top-right-radius:4px}.notebook-item__content__attachment,.notebook-item__content__text{position:absolute;left:0;right:0}.notebook-item__content__attachment{background-repeat:no-repeat!important;border-top-left-radius:4px;border-top-right-radius:4px;background-position:top!important;background-size:cover!important;top:0;bottom:0}.notebook-item__content__text{bottom:0;padding:8px;font-weight:500;overflow:hidden;max-height:120px;min-height:56px;background-color:hsla(0,0%,100%,.95);border-top:1px solid #eee}.notebook-item__content__text:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:.8em;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95) 100%)}.notebook-item__content--text-only:after{content:"note";font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-size:80px;color:rgba(0,0,0,.26)}.notebook-item--question__content--text-only{content:"live_help"}.notebook-item__content__location{opacity:.9;padding:8px 0}.notebook-item__content__location md-icon{font-size:22px}.notebook-item__edit{cursor:pointer}.notebook-item__actions{margin:0;padding:0 8px;color:#fff;background-color:#333;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.notebook-item__actions md-icon{color:#fff}.notebook-item__text-input{margin:0}.notebook-item__text-input__textarea{padding-left:0;padding-right:0}.notebook-item__attachment{background-color:#ddd;padding:16px;margin-bottom:16px;text-align:center;position:relative}.notebook-item__attachment__content{max-width:100%;height:auto}.notebook-item__attachment__delete{position:absolute;top:4px;right:-2px;width:34px!important;height:34px!important;min-height:0}.notebook-item__attachment__delete md-icon{margin-left:-2px;font-size:22px}.notebook-item__info{font-style:italic;opacity:.8;color:#8a6942}.notebook-item__info a,.notebook-item__info md-icon{color:#8a6942}.notebook-item__info md-icon{font-size:1.5em;min-width:0;width:auto}.notebook-item__upload{text-align:center;padding:24px;background-color:#eee;margin-bottom:16px;color:rgba(0,0,0,.54);border-radius:4px;cursor:pointer;border:1px dashed transparent;transition:all .25s}.notebook-item__upload md-icon,.notebook-item__upload span{transition:color .25s}.notebook-item__upload.dragover,.notebook-item__upload:focus,.notebook-item__upload:hover{border-color:#f05843;background-color:#fdebe8;color:#f05843}.notebook-item__upload.dragover md-icon,.notebook-item__upload.dragover span,.notebook-item__upload:focus md-icon,.notebook-item__upload:focus span,.notebook-item__upload:hover md-icon,.notebook-item__upload:hover span{color:#f05843}.view-notebook-item{width:600px}.notebook-item--report{background-color:#fff}.notebook-item--report .note-editor{margin-bottom:16px;border-color:#ccc}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{position:fixed;top:94px;left:0;right:0;z-index:1}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{left:54px;padding:0 24px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar{padding:0 32px}}.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}@media only screen and (min-width:600px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 8px}}@media only screen and (min-width:960px){.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar{margin:0 16px}}.notebook-item--report__container.ui-scrollpoint .note-editor{padding-top:40px}.notebook-item--report__toolbar .note-toolbar{background-color:#ddd;border:1px solid #ccc;margin-bottom:-2px}.notebook-item--report__heading{text-align:center;margin-bottom:32px}.notebook-item--report__add-note{font-weight:700}.notebook-item--report__note-img{max-width:100%;height:auto!important}@media only screen and (min-width:600px){.notebook-sidebar{width:400px;max-width:none}}@media only screen and (min-width:960px){.notebook-sidebar{width:500px;max-width:none}}.notebook-items{width:100%;overflow:auto;margin-top:16px;margin-bottom:76px}.notebook-items .notebook-item{width:100%}.notebook-items .notebook-item__content{height:200px;min-width:0}.notebook-items--grading{margin-bottom:0}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notebook-grading{background-color:#fff;display:block}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{border-radius:50%;position:absolute;background-color:#f05843;width:22px;left:4px;height:22px;line-height:18px;font-size:12px;font-weight:700;border:2px solid}.notification-count:before{content:"";position:absolute;right:-7px;top:5px;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;border-bottom:4px solid transparent}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;min-width:0;width:auto;margin-left:-4px;line-height:20px}.account-menu{border-radius:4px;padding:0;font-size:15px;max-width:380px}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{margin:0;font-weight:300}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{position:absolute;right:28px;top:-8px;outline:none}.account-menu__caret:before{content:"";position:absolute;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{right:auto;left:28px}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{font-weight:400;color:rgba(0,0,0,.54)}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{margin:0 8px 0 0;height:48px;width:48px}.account-menu__progress md-progress-linear{transform:rotate(270deg);width:26px}.account-menu__grade{position:relative;margin-right:4px}.account-menu__grade md-icon{color:#ffc107}.account-menu__grade__overlay{position:absolute;top:0;width:100%;background-color:hsla(0,0%,100%,.6)}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{margin:16px 4px 16px 62px;position:relative;font-size:15px}.annotations hr{margin:10px 0 8px;border-color:rgba(0,0,0,.12)}.annotations:after{content:"";position:absolute;width:0;height:0;left:-16px;right:auto;top:0;bottom:auto;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:16px solid #757575}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-top:0;margin-bottom:0}.annotations__header{position:relative;border-top-right-radius:4px;padding:10px 12px;font-weight:700;transition:all 1s;color:#fff;background-color:#757575}.annotations__avatar{background-color:#f05843;padding:2px;position:absolute;top:0;left:-62px}.annotations__icon{transition:all 1s;color:#fff}.annotations__body{padding:12px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;margin-left:8px;font-size:12px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{font-style:italic;opacity:.8;border-bottom:1px dotted;font-size:13px}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-right:8px;margin-left:72px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{padding:0 16px;margin:24px 0}.component__content{overflow-x:auto;font-size:15px;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}.component-header,h3.component__header{padding:8px 12px;margin:0;font-size:14px}.component__rubric{position:absolute;left:-20px;top:12px}.notebook-enabled .component_content img{transition:all .25s;cursor:pointer;cursor:copy}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{font-style:italic;margin-left:8px;color:rgba(0,0,0,.54)}.component__actions__more{border-bottom:1px dotted}.component__prompt{margin-bottom:8px;font-weight:500}.component__prompt__content{display:inline}.component__attachment{position:relative;margin:0 8px;padding-bottom:8px}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{position:absolute;top:0;right:0;min-width:0;background-color:hsla(0,0%,100%,.75)!important;border-radius:0;padding:4px;margin:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{padding:4px 0 8px;border-bottom:1px solid #ddd}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__attachment{max-width:100%;height:auto!important;margin-top:16px}.discussion-new{background-color:#fff;max-width:570px;margin-left:auto;margin-right:auto;padding:8px;transition:all .25s;transform:scale(.95)}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{padding:8px;border:0}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{padding:0;margin:0 0 8px}.discussion-new__attachment__content{margin-top:0;margin-bottom:16px}.embedded-content__iframe{border:0}.graph-select{min-width:150px;max-width:200px}.graph-controls{margin:8px 0;padding:8px 0;border-color:#eee;border-style:solid;border-width:1px 0}.match-content{background-color:#eee;margin-bottom:16px;padding:8px;box-shadow:inset 0 0 3px #aaa}.match-divider{margin:16px 8px 8px}@media only screen and (min-width:960px){.match-divider--horizontal{display:none}}.match-bucket__header{padding:12px;font-weight:500;color:#1c8ca8}.match-bucket__content{padding:0}.match-bucket--choices .match-bucket__header{color:#795c3a}.match-bucket__contents{min-height:120px;padding:0 8px 8px;background-color:#ddd;transition:background-color .25s;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-column-gap:8px;column-gap:8px}@media only screen and (max-width:599px){.match-bucket__contents{-moz-column-count:1!important;column-count:1!important}}.match-bucket__contents img{max-width:100%;height:auto}.match-bucket__contents--over{background-color:#1c8ca8}.match-bucket__item{list-style-type:none;cursor:move;padding-top:8px;-moz-column-break-inside:avoid;break-inside:avoid}.match-bucket__item__contents{background-color:#fff;padding:8px!important;border:1px solid #ccc}.match-bucket__item__contents .md-list-item-text{width:100%}.match-bucket__item__contents__text{margin-right:4px}.match-feedback{transition:opacity .25s;margin:8px -8px -8px;color:#fff;padding:4px 8px}.match-feedback.ng-hide{opacity:0;transition:opacity 1ms}.match-feedback md-icon{color:#fff}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{position:absolute;bottom:40px}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block}
 /*# sourceMappingURL=vle.css.map */
diff --git a/src/main/webapp/wise5/themes/default/style/vle.css.map b/src/main/webapp/wise5/themes/default/style/vle.css.map
index 2146a66748..3d7771b127 100644
--- a/src/main/webapp/wise5/themes/default/style/vle.css.map
+++ b/src/main/webapp/wise5/themes/default/style/vle.css.map
@@ -1 +1 @@
-{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/vle.css","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-node.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dragula.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,wBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBCQoB,CDPpB,eAAgB,CAChB,cElC8B,CFmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBCxDsB,CD4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,wBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,wBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,aCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,wBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNr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","file":"vle.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #1C8CA8; }\n\nblockquote {\n  background-color: #e7f7fb;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1C8CA8;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #1C8CA8;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1C8CA8 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: #f4fbfd; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1C8CA8;\n  background-color: #f4fbfd; }\n\n.primary {\n  color: #1C8CA8; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: #f4fbfd; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #1C8CA8; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: #f4fbfd; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #1C8CA8; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: #f4fbfd; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-node {\n  margin-top: 42px;\n  padding: 0; }\n  @media only screen and (min-width: 600px) {\n    .l-node {\n      padding: 0 0 16px;\n      background-color: #eeeeee !important; } }\n  @media only screen and (min-width: 960px) {\n    .l-node {\n      padding: 0 0 32px; } }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out; }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1C8CA8; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #1C8CA8; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: #f4fbfd;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1C8CA8; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #1C8CA8;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-launcher.md-button.md-fab {\n    z-index: 61; } }\n\n.notebook-report {\n  border-radius: 4px 4px 0 0;\n  margin: 0;\n  height: 100%; }\n  .notebook-report .note-toolbar {\n    margin: -8px -8px 8px;\n    padding: 4px;\n    border: 0 none;\n    border-top: 1px solid #dddddd;\n    border-bottom: 1px solid #dddddd;\n    border-radius: 0; }\n    .notebook-report .note-toolbar .btn-group {\n      margin-top: 0; }\n  .notebook-report .note-btn {\n    border: 0 none;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0; }\n\n.notebook-report-container {\n  height: 550px;\n  width: 450px;\n  max-height: 90%;\n  bottom: 0;\n  right: 96px;\n  position: absolute;\n  z-index: 3; }\n\n@media only screen and (min-width: 960px) {\n  .notes-visible .notebook-report-container {\n    right: 516px;\n    transition: right 250ms; } }\n\n.notebook-report-container__full {\n  top: 16px;\n  bottom: 16px;\n  left: 16px;\n  right: 16px;\n  max-height: none;\n  max-width: none;\n  height: auto;\n  width: auto; }\n  .notebook-report-container__full .notebook-report {\n    height: 100%;\n    width: 100%;\n    margin: 0 auto;\n    max-height: none;\n    border-radius: 4px; }\n\n.notebook-report-container__collapsed {\n  width: 300px;\n  height: auto; }\n  .notebook-report-container__collapsed .notebook-report__content, .notebook-report-container__collapsed .notebook-report__actions, .notebook-report-container__collapsed .notebook-report__content__header {\n    display: none; }\n\n.notebook-report__toolbar {\n  background-color: #333333 !important;\n  border-radius: 4px 4px 0 0; }\n\n.notebook-report__toolbar__title {\n  max-width: 150px; }\n\n.notebook-report__content {\n  background-color: #ffffff; }\n  .notebook-report__content h1, .notebook-report__content h2, .notebook-report__content h3, .notebook-report__content h4 {\n    font-size: 22px; }\n  .notebook-report__content .note-editor.note-frame {\n    border: 0 none;\n    border-radius: 0;\n    padding: 0;\n    box-shadow: none; }\n  .notebook-report__content .note-resizebar {\n    display: none; }\n\n.notebook-report__content__header {\n  padding: 8px;\n  background-color: #ffffff;\n  font-size: 16px; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-report-container:not(.notebook-report-container__collapsed) {\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    max-height: none;\n    max-width: none;\n    height: auto;\n    width: auto; }\n    .notebook-report-container:not(.notebook-report-container__collapsed) .notebook-report {\n      border-radius: 0; }\n  .notebook-tools--full {\n    display: none; } }\n\n.notebook-report-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 3;\n  background-color: #212121;\n  opacity: .48; }\n\n.notebook-menu {\n  transition: opacity 500ms; }\n  .notebook-menu.ng-enter {\n    opacity: 0; }\n  .notebook-menu .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .notebook-menu.ng-leave-active, .notebook-menu.ng-hide {\n    opacity: 0; }\n  .notebook-menu.ng-hide-add, .notebook-menu.ng-hide-add-active, .notebook-menu.ng-hide-remove, .notebook-menu.ng-hide-remove-active {\n    opacity: 0; }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.view-notebook-item {\n  width: 600px; }\n\n.notebook-item--report {\n  background-color: #ffffff; }\n  .notebook-item--report .note-editor {\n    margin-bottom: 16px;\n    border-color: #cccccc; }\n\n.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n  position: fixed;\n  top: 94px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      left: 54px; } }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 24px; } }\n  @media only screen and (min-width: 960px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 32px; } }\n  .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n    margin: 0 16px; }\n    @media only screen and (min-width: 600px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 8px; } }\n    @media only screen and (min-width: 960px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 16px; } }\n\n.notebook-item--report__container.ui-scrollpoint .note-editor {\n  padding-top: 40px; }\n\n.notebook-item--report__toolbar .note-toolbar {\n  background-color: #dddddd;\n  border: 1px solid #cccccc;\n  margin-bottom: -2px; }\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px; }\n\n.notebook-item--report__add-note {\n  font-weight: 700; }\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n.notebook-items {\n  width: 100%;\n  overflow: auto;\n  margin-top: 16px;\n  margin-bottom: 76px; }\n  .notebook-items .notebook-item {\n    width: 100%; }\n  .notebook-items .notebook-item__content {\n    height: 200px;\n    min-width: 0; }\n\n.notebook-items--grading {\n  margin-bottom: 0; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__contents {\n  padding: 16px; }\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n  margin-right: 8px; }\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n  margin-top: 8px; }\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n  padding-bottom: 4px;\n  font-weight: 700;\n  line-height: 1.3;\n  overflow: visible;\n  white-space: normal; }\n\n.discussion-post__date {\n  color: #aaaaaa; }\n\n.discussion-post__date--reply {\n  margin-left: 8px;\n  font-weight: 400; }\n\n.discussion-post__content {\n  margin-top: 16px;\n  white-space: pre-wrap; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.discussion-comments {\n  padding: 0; }\n\n.discussion-comments__contents {\n  background-color: #f7f7f7; }\n\n.discussion-comments__header {\n  background-color: transparent;\n  padding: 0; }\n  .discussion-comments__header .md-subheader-inner {\n    padding-bottom: 8px; }\n\n.discussion-comments__list {\n  padding: 0;\n  max-height: 9999px;\n  overflow-y: auto; }\n  @media only screen and (min-width: 600px) {\n    .discussion-comments__list {\n      max-height: 400px; } }\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n  background-color: #ffffff;\n  padding: 4px;\n  font-size: 14px;\n  border: 0 none;\n  margin-left: -1px;\n  margin-bottom: 0;\n  resize: none; }\n\n.discussion-reply, md-list-item.discussion-reply {\n  margin: 0 12px 8px;\n  padding: 0;\n  min-height: 56px; }\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n  margin: 8px 0; }\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n  font-size: 14px;\n  padding: 0;\n  margin: 0; }\n\n.discusstion-reply__content {\n  margin-top: 2px; }\n  .discusstion-reply__content p {\n    font-weight: 400 !important;\n    color: rgba(0, 0, 0, 0.87) !important; }\n\n.discussion-new-reply {\n  padding: 8px; }\n\n.discussion-new-reply__input-container {\n  padding-top: 0;\n  margin: 0; }\n  .discussion-new-reply__input-container .md-errors-spacer {\n    display: none; }\n\n.discussion-new-reply__actions {\n  margin-left: 8px; }\n  .discussion-new-reply__actions .md-button {\n    margin-top: 0;\n    margin-bottom: 0; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #1C8CA8; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #1C8CA8; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-node {\n  margin-top: $wise-toolbar-height;\n  padding: 0;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    padding: 0 0 16px;\n    background-color: color('body-bg') !important;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 0 0 32px;\n  }\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n",".gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out;\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 56px;\n\n// Base\n.notebook-launcher {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        &.md-button.md-fab {\n            z-index: 61;\n        }\n    }\n}\n\n.notebook-report {\n    border-radius: 4px 4px 0 0;\n    margin: 0;\n    height: 100%;\n\n    .note-toolbar {\n        margin: -8px -8px 8px;\n        padding: 4px;\n        border: 0 none;\n        border-top: 1px solid color('gray-light');\n        border-bottom: 1px solid color('gray-light');\n        border-radius: 0;\n\n        .btn-group {\n            margin-top: 0;\n        }\n    }\n\n    .note-btn {\n        border: 0 none;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n}\n\n.notebook-report-container {\n    height: 550px;\n    width: 450px;\n    max-height: 90%;\n    bottom: 0;\n    right: 96px;\n    position: absolute;\n    z-index: 3;\n}\n\n.notes-visible {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        .notebook-report-container {\n            right: 516px;\n            transition: right 250ms;\n        }\n    }\n}\n\n.notebook-report-container__full {\n    top: 16px;\n    bottom: 16px;\n    left: 16px;\n    right: 16px;\n    max-height: none;\n    max-width: none;\n    height: auto;\n    width: auto;\n\n    .notebook-report {\n        height: 100%;\n        width: 100%;\n        margin: 0 auto;\n        max-height: none;\n        border-radius: $card-border-radius;\n    }\n}\n\n.notebook-report-container__collapsed {\n    width: 300px;\n    height: auto;\n\n    .notebook-report__content, .notebook-report__actions, .notebook-report__content__header {\n        display: none;\n    }\n}\n\n.notebook-report__toolbar {\n    background-color: color('gray-darkest') !important;\n    border-radius: $card-border-radius $card-border-radius 0 0;\n}\n\n.notebook-report__toolbar__title {\n    max-width: 150px;\n}\n\n.notebook-report__content {\n    h1, h2, h3, h4 {\n        font-size: rem(2.2);\n    }\n\n    background-color: #ffffff;\n\n    .note-editor.note-frame {\n        border: 0 none;\n        border-radius: 0;\n        padding: 0;\n        box-shadow: none;\n    }\n\n    .note-resizebar {\n        display: none;\n    }\n}\n\n.notebook-report__content__header {\n    padding: 8px;\n    background-color: #ffffff;\n    font-size: rem(1.6);\n}\n\n@media only screen and (max-width: $layout-breakpoint-xs - 1) {\n    .notebook-report-container {\n        &:not(.notebook-report-container__collapsed) {\n            top: 0;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            max-height: none;\n            max-width: none;\n            height: auto;\n            width: auto;\n\n            .notebook-report {\n                border-radius: 0;\n            }\n        }\n    }\n\n    .notebook-tools--full {\n        display: none;\n    }\n}\n\n.notebook-report-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 3;\n    background-color: rgba(33,33,33,1.0);\n    opacity: .48;\n}\n\n.notebook-menu {\n    transition: opacity 500ms;\n\n    &.ng-enter {\n        opacity: 0;\n    }\n\n    .ng-enter-active {\n        opacity: 1;\n        transition-delay: 250ms;\n    }\n\n    &.ng-leave-active, &.ng-hide {\n        opacity: 0;\n    }\n\n    &.ng-hide-add, &.ng-hide-add-active,\n    &.ng-hide-remove, &.ng-hide-remove-active {\n        opacity: 0;\n    }\n}\n\n.notebook-item {\n    transition: box-shadow 250ms;\n    margin: 0 16px 16px;\n    display: block;\n}\n\n.notebook-item__content {\n    height: 250px;\n    min-width: 230px;\n    position: relative;\n    padding: 0;\n    background-color: color('gray');\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n    position: absolute;\n    left: 0;\n    right: 0;\n}\n\n.notebook-item__content__attachment {\n    background-repeat: no-repeat !important;\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    background-position: center top !important;\n    background-size: cover !important;\n    top: 0;\n    bottom: 0;\n}\n\n.notebook-item__content__text {\n    bottom: 0;\n    padding: 8px;\n    font-weight: 500;\n    overflow: hidden;\n    max-height: 120px;\n    min-height: 56px;\n    background-color: rgba(255,255,255,0.95);\n    border-top: 1px solid color('gray-lighter');\n\n    &:after {\n        content: \"\";\n        text-align: right;\n        position: absolute;\n        bottom: 0;\n        right: 0;\n        width: 100%;\n        height: 0.8em;\n        background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n    }\n}\n\n.notebook-item__content--text-only {\n    &:after {\n        content: \"note\";\n        font-family: 'Material Icons';\n        font-weight: normal;\n        font-style: normal;\n        display: inline-block;\n        line-height: 1;\n        text-transform: none;\n        letter-spacing: normal;\n        word-wrap: normal;\n        white-space: nowrap;\n        direction: ltr;\n\n        /* Support for all WebKit browsers. */\n        -webkit-font-smoothing: antialiased;\n        /* Support for Safari and Chrome. */\n        text-rendering: optimizeLegibility;\n\n        /* Support for Firefox. */\n        -moz-osx-font-smoothing: grayscale;\n\n        /* Support for IE. */\n        font-feature-settings: 'liga';\n        //position: absolute;\n        font-size: 80px;\n        color: color('text-disabled');\n    }\n}\n\n.notebook-item--question__content--text-only {\n    content: \"live_help\";\n}\n\n.notebook-item__content__location {\n    opacity: 0.9;\n    padding: 8px 0;\n\n    md-icon {\n        font-size: 22px;\n    }\n}\n\n.notebook-item__edit {\n    cursor: pointer;\n}\n\n.notebook-item__actions {\n    margin: 0;\n    padding: 0 8px;\n    color: #ffffff;\n    background-color: color('gray-darkest');\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n\n.notebook-item__text-input {\n    margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n    padding-left: 0;\n    padding-right: 0;\n}\n\n.notebook-item__attachment {\n    background-color: color('gray-light');\n    padding: 16px;\n    margin-bottom: 16px;\n    text-align: center;\n    position: relative;\n}\n\n.notebook-item__attachment__content {\n    max-width: 100%;\n    height: auto;\n}\n\n.notebook-item__attachment__delete {\n    position: absolute;\n    top: 4px;\n    right: -2px;\n    // TODO: generalize for on item buttons like this (delete attachment, etc)\n    width: 34px !important;\n    height: 34px !important;\n    min-height: 0;\n\n    md-icon {\n        margin-left: -2px;\n        font-size: 22px;\n    }\n}\n\n.notebook-item__info {\n    font-style: italic;\n    opacity: .8;\n    color: lighten(color('accent-1'), 5%);\n\n    a, md-icon {\n        color: lighten(color('accent-1'), 5%);\n    }\n\n    md-icon {\n        font-size: 1.5em;\n        min-width: 0;\n        width: auto;\n    }\n}\n\n.notebook-item__upload {\n    text-align: center;\n    padding: 24px;\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    color: color('text-secondary');\n    border-radius: 4px;\n    cursor: pointer;\n    border: 1px dashed transparent;\n    transition: all 250ms;\n\n    md-icon, span {\n        transition: color 250ms;\n    }\n\n    &:hover, &:focus, &.dragover {\n        border-color: color('accent');\n        background-color: lighten(color('accent'), 35%);\n        color: color('accent');\n\n        md-icon, span {\n            color: color('accent');\n        }\n    }\n}\n\n.view-notebook-item {\n    width: $layout-breakpoint-xs;\n}\n\n.view-notebook-item__content {\n}\n\n.notebook-item--report {\n    background-color: #ffffff;\n\n    .note-editor {\n        margin-bottom: 16px;\n        border-color: color('gray');\n    }\n}\n\n.notebook-item--report__container {\n    &.ui-scrollpoint {\n        .notebook-item--report__toolbar {\n            position: fixed;\n            top: ($wise-toolbar-height + $md-toolbar-height);\n            left: 0;\n            right: 0;\n            z-index: 1;\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                left: ($notebook-sidebar-width - 2);\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                padding: 0 24px;\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-sm) {\n                padding: 0 32px;\n            }\n\n            .note-toolbar {\n                margin: 0 16px;\n\n                @media only screen and (min-width: $layout-breakpoint-xs) {\n                    margin: 0 8px;\n                }\n\n                @media only screen and (min-width: $layout-breakpoint-sm) {\n                    margin: 0 16px;\n                }\n            }\n        }\n\n        .note-editor {\n            padding-top: 40px;\n        }\n    }\n}\n\n.notebook-item--report__toolbar {\n\n    .note-toolbar {\n        background-color: color('gray-light');\n        border: 1px solid color('gray');\n        margin-bottom: -2px;\n    }\n}\n\n.notebook-item--report__heading {\n    text-align: center;\n    margin-bottom: 32px;\n}\n\n.notebook-item--report__content {\n}\n\n.notebook-item--report__add-note {\n    font-weight: 700;\n}\n\n.notebook-item--report__note-img {\n    max-width: 100%;\n    height: auto !important;\n}\n\n.notebook-sidebar {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 400px;\n        max-width: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 500px;\n        max-width: none;\n    }\n}\n\n.notebook-items {\n    width: 100%;\n    overflow: auto;\n    margin-top: 16px;\n    margin-bottom: 76px;\n\n    .notebook-item {\n        width: 100%;\n    }\n\n    .notebook-item__content {\n        height: 200px;\n        min-width: 0;\n    }\n}\n\n.notebook-items--grading {\n    margin-bottom: 0;\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n    .notebook-enabled {\n        .md-fab-bottom-right, .md-fab-bottom-left {\n            bottom: ($wise-toolbar-height + 8) !important;\n        }\n    }\n}\n\n.notebook-grading {\n    background-color: #ffffff;\n    display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n.discussion-post__contents {\n    padding: 16px;\n}\n\n.discussion-post__avatar, md-list-item > .md-avatar.discussion-post__avatar {\n    margin-right: 8px;\n}\n\n.discussion-post__avatar--reply, md-list-item > .md-avatar.discussion-post__avatar--reply {\n    margin-top: 8px;\n}\n\n\n.discussion-post__user, md-list-item .md-list-item-text h3.discussion-post__user {\n    padding-bottom: 4px;\n    font-weight: 700;\n    line-height: 1.3;\n    overflow: visible;\n    white-space: normal;\n}\n\n.discussion-post__date {\n    color: color('gray-dark');\n}\n\n.discussion-post__date--reply {\n    margin-left: 8px;\n    font-weight: 400;\n}\n\n.discussion-post__content {\n    margin-top: 16px;\n    white-space: pre-wrap;\n}\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n.discussion-comments {\n    padding: 0;\n}\n\n.discussion-comments__contents {\n    background-color: color('gray-lightest');\n}\n\n.discussion-comments__header {\n    background-color: transparent;\n    padding: 0;\n\n    .md-subheader-inner {\n        padding-bottom: 8px;\n    }\n}\n\n.discussion-comments__list {\n    padding: 0;\n    max-height: 9999px;\n    overflow-y: auto;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        max-height: 400px;\n    }\n}\n\n.input--textarea.discussion-reply__input, .input-container textarea.input--textarea.discussion-reply__input {\n    background-color: #ffffff;\n    padding: 4px;\n    font-size: ($body-font-size-base) - 1;\n    border: 0 none;\n    margin-left: -1px;\n    margin-bottom: 0;\n    resize: none;\n}\n\n.discussion-reply, md-list-item.discussion-reply {\n    margin: 0 12px 8px;\n    padding: 0;\n    min-height: 56px;\n}\n\n.discusstion-reply__details, md-list-item .md-list-item-text.discusstion-reply__details {\n    margin: 8px 0;\n}\n\n.discussion-post__user--reply, md-list-item .md-list-item-text h3.discussion-post__user--reply {\n    font-size: ($body-font-size-base) - 1;\n    padding: 0;\n    margin: 0;\n}\n\n.discusstion-reply__content {\n    margin-top: 2px;\n\n    p {\n        font-weight: 400 !important;\n        color: color('body') !important;\n    }\n}\n\n.discussion-new-reply {\n    padding: 8px;\n}\n\n.discussion-new-reply__input-container {\n    padding-top: 0;\n    margin: 0;\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.discussion-new-reply__actions {\n    margin-left: 8px;\n\n    .md-button {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n}\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["src/main/webapp/wise5/themes/default/style/base/_presets.scss","src/main/webapp/wise5/themes/default/style/base/_config.scss","src/main/webapp/wise5/themes/default/style/base/_helpers.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-default.scss","src/main/webapp/wise5/themes/default/style/material/_config.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-footer.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-header.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-main.scss","src/main/webapp/wise5/themes/default/style/vle.css","src/main/webapp/wise5/themes/default/style/layouts/_l-nav.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-node.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-notebook.scss","src/main/webapp/wise5/themes/default/style/layouts/_l-sidebar.scss","src/main/webapp/wise5/themes/default/style/modules/_alerts.scss","src/main/webapp/wise5/themes/default/style/modules/_dragula.scss","src/main/webapp/wise5/themes/default/style/modules/_dialog.scss","src/main/webapp/wise5/themes/default/style/modules/_help.scss","src/main/webapp/wise5/themes/default/style/modules/_inputs.scss","src/main/webapp/wise5/themes/default/style/modules/_table.scss","src/main/webapp/wise5/themes/default/style/modules/_toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_list.scss","src/main/webapp/wise5/themes/default/style/modules/_nav.scss","src/main/webapp/wise5/themes/default/style/modules/_menu.scss","src/main/webapp/wise5/themes/default/style/modules/_notice.scss","src/main/webapp/wise5/themes/default/style/modules/_node.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook.scss","src/main/webapp/wise5/themes/default/style/modules/_notifications.scss","src/main/webapp/wise5/themes/default/style/modules/_account-menu.scss","src/main/webapp/wise5/themes/default/style/modules/_annotations.scss","src/main/webapp/wise5/themes/default/style/modules/_component.scss","src/main/webapp/wise5/themes/default/style/modules/_component--discussion.scss","src/main/webapp/wise5/themes/default/style/modules/_component--embedded.scss","src/main/webapp/wise5/themes/default/style/modules/_component--graph.scss","src/main/webapp/wise5/themes/default/style/modules/_component--match.scss","src/main/webapp/wise5/themes/default/style/modules/_component--outside.scss","src/main/webapp/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/main/webapp/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCSuB,CDVzB,SAIM,eAAgB,CAItB,gBAEQ,aCbgB,CDiBxB,WACE,wBAAgD,CAChD,WAAY,CACZ,aAAc,CAGd,oBAAuB,CAAvB,sBAAuB,CAGzB,qBAEQ,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,wBC3BW,CD+BnB,kCAEQ,QAAS,CACT,QAAS,CAKjB,OACI,iBCQoB,CDPpB,eAAgB,CAChB,cElC8B,CFmC9B,eAAgB,CAChB,iBAAkB,CAClB,qBClCkB,CD4BtB,iBASQ,WAAY,CACZ,YAAa,CACb,mBAAoB,CAX5B,8CAcY,qBC1CU,CD4BtB,uBAkBY,uBC9CU,CDmDtB,aACI,wBC3Da,CD4Db,UAAc,CAGlB,aACI,wBCjEa,CDkEb,UAAc,CAGlB,gBACI,wBCpEgB,CDqEhB,UAAc,CAIlB,qBACI,aAAc,CAGlB,iBACI,uBAAwB,CAI5B,EACE,aC7FsB,CD8FtB,cAAe,CAGjB,QACI,kCAAuC,CACvC,qBChFyB,CDoF7B,QACE,iBAAkB,CAClB,sBAAuB,CAGzB,gBACE,iBCxDsB,CD4DxB,cAEI,WAAqC,CACrC,UAAoC,CAHxC,cAMI,WAAqC,CACrC,UAAoC,CAPxC,cAUI,WAAqC,CACrC,UAAoC,CAXxC,cAcI,WAAqC,CACrC,UAAoC,CAKxC,cACE,qBCxHqB,CDyHrB,4BAA8B,CAFhC,8BAKM,WA1ImB,CAqIzB,oBASI,WAAY,CACZ,UAAW,CAVf,oBAaI,WAAY,CACZ,UAAW,CAdf,oBAiBI,WAAY,CACZ,UAAW,CAlBf,oBAqBI,WAAY,CACZ,UAAW,CAIf,wDAEI,qBC7ImC,CD2IvC,4EAOM,qBCjJgC,CDuJtC,mDAEI,uBAAkC,CAFtC,mDAKI,uBAAkC,CALtC,6CAQI,uBAA+B,CARnC,6CAWI,uBAA+B,CAXnC,iDAcI,uBAAiC,CAdrC,qDAiBI,uBAAmC,CAjBvC,qDAoBI,uBAAmC,CAKvC,uCACE,qBCnL2B,CDsL7B,uFACE,wBCzM0C,CD4M5C,2HAEE,aC/MsB,CDgNtB,wBC/M0C,CDqNxC,SACE,aCvNkB,CDsNpB,QACE,aClNa,CDiNf,UACE,aCjNe,CDgNjB,UACE,aChNe,CD+MjB,MACE,aC/MW,CD8Mb,MACE,aC9MW,CD6Mb,SACE,aC7Mc,CD4MhB,SACE,qBC5M0B,CD2M5B,eACE,aC3MoB,CD0MtB,cACE,UC1MmB,CDyMrB,YACE,UCzMiB,CDwMnB,MACE,UCxMW,CDuMb,WACE,UCvMgB,CDsMlB,aACE,aCtMkB,CDqMpB,cACE,UCrMmB,CDoMrB,MACE,qBCpMuB,CDmMzB,gBACE,qBCnMiC,CDkMnC,eACE,qBClMgC,CDiMlC,YACE,UCjMgC,CDgMlC,sBACE,wBChM6C,CD+L/C,qBACE,wBC/L4C,CD8L9C,aACE,aCtNsC,CDqNxC,OACE,aC7LY,CD4Ld,MACE,qBCpMuB,CDmMzB,SACE,UC1MmB,CDgNrB,YACE,wBC9NkB,CD6NpB,WACE,wBCzNa,CDwNf,aACE,wBCxNe,CDuNjB,aACE,wBCvNe,CDsNjB,SACE,wBCtNW,CDqNb,SACE,wBCrNW,CDoNb,YACE,wBCpNc,CDmNhB,YACE,gCCnN0B,CDkN5B,kBACE,wBClNoB,CDiNtB,iBACE,qBCjNmB,CDgNrB,eACE,qBChNiB,CD+MnB,SACE,qBC/MW,CD8Mb,cACE,qBC9MgB,CD6MlB,gBACE,wBC7MkB,CD4MpB,iBACE,qBC5MmB,CD2MrB,SACE,gCC3MuB,CD0MzB,mBACE,gCC1MiC,CDyMnC,kBACE,gCCzMgC,CDwMlC,eACE,qBCxMgC,CDuMlC,yBACE,mCCvM6C,CDsM/C,wBACE,mCCtM4C,CDqM9C,gBACE,wBC7NsC,CD4NxC,UACE,wBCpMY,CDmMd,SACE,gCC3MuB,CD0MzB,YACE,qBCjNmB,CDuNrB,kCAEQ,cCtOY,CDoOpB,iCAEQ,cCjOO,CD+Nf,mCAEQ,cChOS,CD8NjB,mCAEQ,cC/NS,CD6NjB,+BAEQ,cC9NK,CD4Nb,+BAEQ,cC7NK,CD2Nb,kCAEQ,cC5NQ,CD0NhB,kCAEQ,sBC3NoB,CDyN5B,wCAEQ,cC1Nc,CDwNtB,uCAEQ,WCzNa,CDuNrB,qCAEQ,WCxNW,CDsNnB,+BAEQ,WCvNK,CDqNb,oCAEQ,WCtNU,CDoNlB,sCAEQ,cCrNY,CDmNpB,uCAEQ,WCpNa,CDkNrB,+BAEQ,sBCnNiB,CDiNzB,yCAEQ,sBClN2B,CDgNnC,wCAEQ,sBCjN0B,CD+MlC,qCAEQ,WChN0B,CD8MlC,+CAEQ,yBC/MuC,CD6M/C,8CAEQ,yBC9MsC,CD4M9C,sCAEQ,cCrOgC,CDmOxC,gCAEQ,cC5MM,CD0Md,+BAEQ,sBCnNiB,CDiNzB,kCAEQ,WCzNa,CEXzB,eACE,gBAAiB,CACjB,iBAAkB,CAClB,cAAe,CACf,iBAAkB,CAElB,yBANF,eAOM,YCW2B,CDThC,CAED,kBACE,WCK8B,CDJ9B,cAAe,CEbjB,UACE,cAAe,CACf,QAAS,CACT,MAAO,CACP,OAAQ,CACR,SAAU,CACV,qBAAyB,CACzB,yBJIuB,CIAzB,gBACE,QAAS,CACT,aAAc,CACd,gBAAiB,CACjB,WAAY,CACZ,YAAa,CAGf,yBACE,gBAAiB,CCpBnB,UACI,SAAU,CADd,gBAIQ,uBAAyB,CACzB,WAAY,CACZ,UAAW,CACX,qBAAsB,CAP9B,qBAWQ,cAAe,CACf,YAAa,CACb,aAAc,CACd,iBAAkB,CAElB,yCAhBR,qBAiBY,aAAc,CAMrB,CAvBL,sDAqBY,QAAc,CAKtB,yCA1BJ,6FA6BgB,cJlBkB,CImBrB,CC9Bb,QACE,qBNUuB,CMPzB,sBACE,eNmCwB,CMhC1B,SACE,yBAA2B,CAG7B,cACE,aAAc,CACd,WAAY,CACZ,iBAAkB,CAClB,MAAO,CACP,OAAQ,CACR,sBAAyB,CAEzB,yCARF,cASI,YAAa,CAuBhB,CAhCD,uBAaI,SAAU,CAbd,+BAiBI,SAAU,CACV,qBAAuB,CAlB3B,gLA8BI,SAAU,CAId,6BACE,WAAY,CAEZ,yCAHF,6BAII,gBAAiB,CACjB,YAAa,CAEhB,CAEC,yCCwZA,uCDvZE,gBAAiB,CACjB,iBAAkB,CAErB,CAED,cACE,YAAa,CADf,mDAMI,eAAgB,CAChB,YAAa,CACb,eAAgB,CAChB,cL3D8B,CK6D9B,yCAXJ,mDAYM,cL9D4B,CK+D5B,iBAAkB,CAErB,CAID,yCADF,oBAEI,cAAe,CAElB,CAED,0CAEE,YAAa,CAFf,kEAKI,gBAAiB,CAEjB,yCAPJ,kEAQM,aAAc,CACd,cAAe,CAElB,CAXH,0DAcI,0BAA2B,CAI/B,2FAEE,gBAAiB,CEzGnB,OACI,+BAA6C,CCDjD,QACE,eTuCwB,CStCxB,SAAU,CAEV,yCAJF,QAKI,gBAAiB,CACjB,+BAA6C,CAMhD,CAHC,yCATF,QAUI,gBAAiB,CAEpB,CCZD,YACI,eVuCsB,CUtCtB,+BAA6C,CCEjD,mBACE,+BAAoC,CACpC,uBAAmC,CAFrC,6BAKI,qBXQyB,CYpB7B,aACI,YAAa,CACb,SAAU,CACV,qBAAsB,CAG1B,uBACI,WAAY,CACZ,UAAW,CACX,YAAa,CACb,mBAAoB,CACpB,YAAa,CACb,SAAU,CAGd,qBACI,qBAAyB,CAG7B,2BACI,cAAe,CACf,oBAAqB,CCrBzB,WACE,wBAA0B,CAC1B,kBAAoB,CACpB,sBAAwB,CACxB,UAAY,CACZ,mCAAqC,CAEvC,SACE,sBAAwB,CAE1B,iBACE,kCAAoC,CACpC,+BAAiC,CACjC,8BAAgC,CAChC,0BAA4B,CAE9B,YACE,UAAY,CCjBd,UACI,WXkB4B,CWfhC,cACI,WXe4B,CWZhC,eACI,YXY6B,CYrBjC,aACI,iBfqDoB,CepDpB,eAAgB,CAEhB,yBAJJ,aAKQ,eAAuC,CAU9C,CAPG,yBARJ,aASQ,eAAuC,CAM9C,CAHG,0BAZJ,aAaQ,gBAAuC,CAE9C,CAOD,kDAJI,0BfoCoB,CenCpB,2BfTa,CeYjB,8BAGI,kBAAqB,CACrB,wBfhBa,CeYjB,8CAOQ,cAAe,CACf,aAAc,CACd,gBAAiB,CAIzB,sBACI,aAAc,CACd,gBAAiB,CACjB,gBAAiB,CAGrB,sBACI,6BfYoB,CeXpB,8BfWoB,CeRxB,qBACI,iBfOoB,CeLpB,QAAc,CACd,4CAAiD,CACjD,cdrC8B,CcsC9B,SAAU,CANd,uDASQ,iBAAkB,CAClB,UAAW,CACX,WAAY,CAXpB,0DAgBY,KAAM,CACN,SAAU,CAjBtB,kFAoBgB,gCfxDC,CeyDD,kCAAmC,CACnC,mCAAoC,CACpC,iBAAkB,CAClB,SAAU,CAxB1B,yFA4BgB,QAGuC,CA/BvD,4DAoCY,YAAa,CACb,SAAU,CArCtB,oFAwCgB,6Bf5EC,Ce6ED,kCAAmC,CACnC,mCAAoC,CACpC,iBAAkB,CAClB,SAAU,CA5C1B,2FAgDgB,QAGuC,CAnDvD,4DAwDY,QAAS,CACT,UAAW,CAzDvB,oFA4DgB,+BfhGC,CeiGD,oCAAqC,CACrC,iCAAkC,CAClC,iBAAkB,CAClB,MAAO,CACP,SAAU,CAjE1B,2FAqEgB,QAGqC,CAxErD,6DA6EY,QAAS,CACT,WAAY,CA9ExB,qFAiFgB,8BfrHC,CesHD,oCAAqC,CACrC,iCAAkC,CAClC,iBAAkB,CAClB,OAAQ,CACR,SAAU,CAtF1B,4FA0FgB,QAGqC,CCrIrD,iBACI,gBAAiB,CAGrB,4BACI,eAAgB,CAGpB,4CAEQ,cAAe,CAFvB,kDAMQ,YAAa,CAIrB,eACI,iBAAkB,CAGtB,yDAEQ,ahB7BgB,CgBiCxB,2DACI,WAAY,CACZ,wBhBvBsB,CgBwBtB,qBhBrBa,CgBsBb,iBAAkB,CAJtB,uEAOQ,qBAAyB,CAPjC,+EAWQ,qBhBxB+B,CgB4BvC,0CACI,UAAW,CAGf,2BACI,qBhBjCmC,CgBoCvC,yBACI,iBAAkB,CAClB,UAAW,CAFf,2CAKQ,+BAAwC,CAIhD,mCACI,OAjE8B,CAmE9B,4DACI,QAnEoC,CAuE5C,mCACI,UAzE8B,CA2E9B,4DACI,WAAsD,CAK9D,mHACI,eAAgB,CAChB,qBhBjEyB,CgB+D7B,6JAKQ,ahBvFgB,CgB2FxB,oBAEQ,sBAAuB,CACvB,eAAgB,CAChB,cAAe,CACf,eAAgB,CAChB,qBhB7E+B,CgBkFnC,yCADJ,wBAEQ,eAAgB,CAMvB,CAHG,yCALJ,wBAMQ,eAAgB,CAEvB,CAED,yCAEQ,qBAAyB,CAFjC,+DAKY,eAAgB,CAChB,qBhBxGa,CgB6GzB,gBACI,WhB5EiC,CgB2ErC,sBAIQ,WAAY,CACZ,UAAW,CACX,aAAc,CACd,YAAa,CACb,QAAc,CACd,cftH0B,CeuH1B,eAAgB,CCrIxB,OACE,cAAe,CACf,UAAW,CACX,eAAgB,CAChB,YAAa,CAJf,kHAYM,qBjBIW,CiBHX,WAAY,CACZ,chBA4B,CgBC5B,eAAgB,CAChB,WAAY,CACZ,cAAe,CACf,kBAAmB,CAlBzB,6BAwBI,wBjBXsB,CiBYtB,SAAU,CACV,kBAAmB,CA1BvB,0BA8BI,QAAS,CA9Bb,yBAkCI,YAAa,CAIjB,4BAGM,gBAAiB,CAKvB,mBACE,UAAW,CAGb,aACE,QAAc,CACd,wBAAyB,CACzB,qBAAyB,CACzB,cAAe,CACf,aAAc,CALhB,gCASI,aAAc,CACd,QAAc,CAVlB,gBAcI,eAAgB,CAChB,WAAY,CAfhB,0BAoBM,iBAAkB,CAClB,eAAgB,CAChB,UAAW,CACX,mBAAoB,CACpB,iBAAkB,CAClB,eAAmB,CAKzB,mBACE,ed9D8B,CckE9B,yCADF,mBAEI,eAAgB,CAEnB,CAED,oBACE,chB7EgC,CgB8EhC,eAAgB,CAGlB,wBACE,WAAY,CACZ,QAAS,CAGX,wBACE,wBjBnFsB,CiBoFtB,UjB/EoC,CiBgFpC,ejB5DwB,CiB6DxB,WjB7DwB,CiBgE1B,0BACE,UAAc,CACd,mBAAoB,CACpB,QAAS,CACT,WAAY,CACZ,kBAAmB,CACnB,eAAgB,CAChB,UAAW,CAGb,0BACE,QAAS,CAGX,mCACE,wBAAyB,CAG3B,UACE,eAAgB,CAChB,kBAAmB,CACnB,eAAgB,CAIhB,yCADF,eAEI,eAAgB,CAChB,eAAgB,CAChB,sBAAuB,CACvB,kBAAmB,CAEtB,CC1ID,kBACI,cAAe,CADnB,2HAWY,WAAY,CAKxB,kBACI,elB0BsB,CkB3B1B,oCAIQ,WlBuBkB,CkBtBlB,elBsBkB,CkB3B1B,4CASQ,WlBkBkB,CkBjBlB,gBlBiBkB,CkBhBlB,UlBgBkB,CkBZ1B,wCAEQ,aAAc,CACd,cjBpB0B,CiBwBlC,qBACI,+BAAkD,CADtD,uCAIQ,cjB5B0B,CiB6B1B,eAAgB,CAIxB,SACI,cAAe,CACf,MAAO,CACP,OAAQ,CACR,Qf5CoB,Ce6CpB,SAAU,CAGd,gBACI,eAAgB,CAChB,cjB3C8B,CiB4C9B,eAAgB,CAGpB,gBACI,iBAAkB,CX21BtB,0BWx1BI,kBAAmB,CACnB,gBAAiB,CAGrB,sCACI,QAAS,CAGb,4CACI,YAAa,CACb,eAAgB,CAChB,wBlB/DsB,CkB4D1B,8EAMQ,WAAY,CACZ,eAAgB,CXw1BxB,kGWl1BU,gBAAiB,CAK3B,6BACI,WAAY,CAEZ,yCAHJ,6BAIQ,WAAY,CAMnB,CAHG,yCAPJ,6BAQQ,WAAY,CAEnB,CCrGD,WACI,qBAAyB,CACzB,4BnBYqB,CmBdzB,iDAKQ,qBnBeqB,CmBdrB,qBAAyB,CANjC,iEASY,qBAAsB,CATlC,yFAaY,SAAU,CAbtB,uEAiBY,gBAAiB,CAjB7B,yBAsBQ,YAAa,CAIrB,kGAEQ,uCAA+C,CAC/C,gBAAiB,CAIzB,kGAIQ,uCAA+C,CAC/C,gBAAiB,CAIzB,qBACI,qBAAsB,CAG1B,kDACI,cAAe,CACf,wBnBnCsB,CmBsC1B,oBACI,uBAAyB,CAG7B,6BACI,mBAAoB,CACpB,UAAW,CACX,gBAAiB,CACjB,QAAS,CACT,kBAAmB,CACnB,eAAgB,CAChB,eAAgB,CAGpB,WACI,clBpD8B,CmBdlC,KACI,iBAAkB,CAGtB,KACI,kBAAmB,CAGvB,UACI,iBAAkB,CAClB,KAAM,CACN,QAAS,CACT,MAAO,CACP,OAAQ,CACR,gCAAkC,CAClC,SAAU,CAPd,kBAUQ,SAAU,CAIlB,UACI,qBpBFmC,CoBGnC,eAAgB,CAFpB,kBAKQ,gBAAiB,CAIzB,oBACI,oBAAqB,CAGzB,qBACI,qBpBrBmB,CoBsBnB,WAAY,CAOhB,wCACI,SAAU,CAEV,yBAHJ,oBAIQ,WAAY,CAEnB,CAED,UACI,mCAAqC,CADzC,4BAKY,wBAKG,CAKf,yBACI,2BpBdoB,CoBepB,0BpBfoB,CoBaxB,+BAKQ,YAAa,CALrB,qDAQY,6BpB3DK,CoBgEjB,gBACI,qCAA0C,CAD9C,yBAIQ,eAAgB,CAEhB,cAAe,CACf,yBAA2B,CAC3B,eAAgB,CAChB,gBAAiB,CATzB,uCAYY,YAAa,CAYzB,2BACI,oBAAqB,CACrB,oBAAqB,CAGzB,yBACI,eAAgB,CAChB,qBpBzFkC,CoBgGtC,sCAEQ,4IACsF,CAI9F,oBACI,QAAS,CAGb,gBACI,yBpBnHmB,CoBoHnB,8BpB7EoB,CoB8EpB,6BpB9EoB,CoB+EpB,gBAAiB,CACjB,eAAgB,CAGpB,iBACI,WAAY,CACZ,cAAe,CACf,UAAc,CACd,QAAS,CACT,eAAgB,CALpB,yBAQQ,iBAAkB,CAClB,UAAc,CATtB,oEAcY,wBpB5IQ,CoBiJpB,iBACI,iBAAkB,CAClB,eAAgB,CAChB,eAAgB,Cb26BpB,2Bax6BI,iBAAkB,CAClB,kBAAmB,CAGvB,gBACI,aAAc,CAGlB,oBACI,UAAW,CADf,kCAIQ,KAAM,CAId,0BACI,eAAgB,CAChB,UAAW,CAGf,kBACI,aAAc,CACd,cAAe,CCrLnB,eACI,iBAAkB,CAClB,QAAS,CACT,UAAW,CAHf,oBAMQ,wBAAoC,CACpC,gBAAiB,Cd2lCzB,yBcvlCE,UAAU,CACV,SAAS,CAOX,oBACI,eAAgB,CAEhB,cpBZ8B,CoBelC,oBACI,yBAA2B,CAC3B,2BAA6B,CAC7B,gBAAiB,CAGrB,wDAEQ,arBpCgB,CqBwCxB,cACI,iBAAkB,CAClB,QAA8C,CAC9C,QAAS,CACT,MAAO,CACP,qBAAsB,CACtB,UA9CqB,CA+CrB,eAAgB,CAChB,aAAc,CACd,iBAAkB,CAClB,2BrBnCa,CqBqCb,yCAZJ,cAaQ,YAAa,CAEpB,Cd6kCD,wBc3kCE,OAAO,CACP,SAAS,CAGX,6CACI,cAAe,CACf,iBAAkB,CChEtB,QACE,iBAAkB,CAClB,WAAY,CACZ,gCAAkC,CAClC,UAAW,CAEX,yBANF,QAOI,aAAc,CACd,iBtBiDsB,CsBhDtB,gBAAiB,CAEpB,CCLD,MACI,aAAc,CACd,iBAAkB,CAClB,MAAO,CACP,OAAQ,CAER,yCANJ,MAQQ,iBAAkB,CAClB,kBAAmB,CAe1B,CAZG,yCAZJ,MAaQ,YAAa,CAWpB,CAxBD,eAiBQ,sBAAuB,CACvB,SAAU,CAlBlB,sBAsBQ,SAAU,CAOd,yCADJ,aAEQ,eAAgB,CAChB,kBAAmB,CAM1B,CAHG,yCANJ,aAOQ,gBAAiB,CAExB,CAED,cACI,gBAAiB,CACjB,qBAAyB,CACzB,iBvBSsB,CuBRtB,gBAAiB,CAEjB,yCANJ,cAOQ,eAAgB,CAQvB,CALG,yCAVJ,cAWQ,SAAU,CACV,oBAAqB,CACrB,uBAAwB,CAE/B,CAED,wBAEQ,qBAAyB,CAIjC,sBACI,iBAAkB,CAClB,SAAU,CACV,MAAO,CACP,OAAQ,CACR,SAAU,CALd,oCAQQ,oBAAsB,CAEtB,yCAVR,oCAWY,mBAAqB,CAE5B,CAGL,WACI,UAAc,CACd,sBAAuB,CAG3B,aACI,YAAa,CACb,WAAY,CACZ,eAAgB,CAChB,ctB/E8B,CsB2ElC,2CAQY,uBAA6B,CAC7B,UAAW,CATvB,oGAiBY,YAAa,CAjBzB,6BAsBQ,aAAc,CACd,qBvB5FqB,CuBgG7B,2BAEI,wBvBzGsB,CuB0GtB,4BvBzGqB,CuB0GrB,yBvB1GqB,CuB6GzB,0BACI,iBAAkB,CAGtB,mBACI,gBAAiB,CAGrB,qBACI,eAAgB,CAGpB,mBACI,sBAAuB,CACvB,kBAAmB,CACnB,eAAgB,CAEhB,yCALJ,mBAMQ,cAAe,CAEtB,CAED,YACI,eAAgB,CAChB,mBAAoB,CACpB,cAAe,CAEf,yCALJ,YAMQ,ctBzI0B,CsB2IjC,CAED,uBACI,mBAAoB,CAEpB,yCAHJ,uBAIQ,mBAAoB,CAc3B,CAXG,0CAPJ,uBAQQ,mBAAoB,CAU3B,CAlBD,8CAYQ,aAAc,CAZtB,6CAgBQ,cAAe,CAIvB,6BACI,iBAAkB,CAClB,eAAgB,CAChB,qBvB7JmC,CuBgKvC,6BACI,wBAAyB,CAG7B,iDAKQ,cAAe,CAKnB,yCADJ,qBAEQ,iBAAuC,CAE9C,CAGG,yCADJ,sBAEQ,kBvB/JkB,CuBiKzB,CAED,cACI,iBAAkB,CAClB,OAAQ,CACR,KAAM,CACN,UpB3MoB,CoB8MxB,uBACI,cAAe,CACf,UpBhNoB,CoBiNpB,qBAAyB,CACzB,aAAc,CACd,iBvBjKsB,CuBmKtB,yCAPJ,uBAQQ,OAAQ,CACR,QAAS,CACT,MAAO,CACP,UAAW,CACX,eAAgB,CAChB,SAAU,CACV,YAAa,CACb,WvBzLkB,CuB2LzB,CAID,WACI,QAAS,CAET,yCAHJ,WAIQ,YAAa,CACb,eAAgB,CAsBvB,CA3BD,oBASQ,gBAAiB,CACjB,iBAAkB,CAV1B,kCAeY,gBAAiB,CAf7B,mFAoBQ,gBAAiB,CACjB,iBAAkB,CArB1B,+BAyBQ,YAAa,CAIrB,aACI,wBvBvQoB,CuBwQpB,oBAAqB,CACrB,YAAa,CACb,qBAAyB,CAO7B,iCACI,qBAAsB,CACtB,oBAAqB,CC/QrB,yCADJ,oCAGY,UAAW,CACd,CAIT,iBACI,yBAA0B,CAC1B,QAAS,CACT,WAAY,CAHhB,+BAMQ,oBAAqB,CACrB,WAAY,CACZ,eAAc,CAAd,YAAc,CAEd,8BxBPe,CwBOf,uBxBPe,CwBOf,kBxBPe,CwBQf,eAAgB,CAXxB,0CAcY,YAAa,CAdzB,2BAmBQ,QAAc,CACd,wBAAyB,CACzB,yBAA0B,CAC1B,2BAA4B,CAC5B,4BAA6B,CAIrC,2BACI,YAAa,CACb,WAAY,CACZ,cAAe,CACf,QAAS,CACT,UAAW,CACX,iBAAkB,CAClB,SAAU,CAIV,yCADJ,0CAGY,WAAY,CACZ,qBAAuB,CAC1B,CAIT,iCACI,QAAS,CACT,WAAY,CACZ,SAAU,CACV,UAAW,CACX,eAAgB,CAChB,cAAe,CACf,WAAY,CACZ,UAAW,CARf,kDAWQ,WAAY,CACZ,UAAW,CACX,aAAc,CACd,eAAgB,CAChB,iBxBnBgB,CwBuBxB,sCACI,WAAY,CACZ,WAAY,CAFhB,wMAKQ,YAAa,CAIrB,0BACI,+BAAkD,CAClD,yBAA0D,CAG9D,iCACI,eAAgB,CAGpB,0BAKI,qBAAyB,CAL7B,oHAEQ,cvBnF0B,CuBiFlC,kDAQQ,QAAc,CACd,eAAgB,CAChB,SAAU,CACV,eAAgB,CAXxB,0CAeQ,YAAa,CAIrB,kCACI,WAAY,CACZ,qBAAyB,CACzB,cvBvG8B,CuB0GlC,yCACI,sEAEQ,KAAM,CACN,QAAS,CACT,MAAO,CACP,OAAQ,CACR,eAAgB,CAChB,cAAe,CACf,WAAY,CACZ,UAAW,CATnB,uFAYY,eAAgB,CAK5B,sBACI,YAAa,CAChB,CAGL,0BACI,cAAe,CACf,KAAM,CACN,MAAO,CACP,UAAW,CACX,WAAY,CACZ,SAAU,CACV,wBAAoC,CACpC,WAAY,CAGhB,eACI,sBAAyB,CAD7B,wBAIQ,SAAU,CAJlB,gCAQQ,SAAU,CACV,qBAAuB,CAT/B,sLAkBQ,SAAU,CAIlB,eACI,0BAA4B,CAC5B,kBAAmB,CACnB,aAAc,CAGlB,wBACI,YAAa,CACb,eAAgB,CAChB,iBAAkB,CAClB,SAAU,CACV,qBxB3Ka,CwB4Kb,0BxBtIoB,CwBuIpB,2BxBvIoB,CwB0IxB,kEACI,iBAAkB,CAClB,MAAO,CACP,OAAQ,CAGZ,oCACI,qCAAuC,CACvC,0BxBlJoB,CwBmJpB,2BxBnJoB,CwBoJpB,iCAA0C,CAC1C,+BAAiC,CACjC,KAAM,CACN,QAAS,CAGb,8BACI,QAAS,CACT,WAAY,CACZ,eAAgB,CAChB,eAAgB,CAChB,gBAAiB,CACjB,eAAgB,CAChB,oCAAwC,CACxC,yBxB1MqB,CwBkMzB,oCAWQ,UAAW,CACX,gBAAiB,CACjB,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,UAAW,CACX,WAAa,CACb,6EAAiF,CAIzF,yCAEQ,cAAe,CACf,0BAA6B,CAC7B,eAAmB,CACnB,iBAAkB,CAClB,oBAAqB,CACrB,aAAc,CACd,mBAAoB,CACpB,qBAAsB,CACtB,gBAAiB,CACjB,kBAAmB,CACnB,aAAc,CAGd,kCAAmC,CAEnC,iCAAkC,CAGlC,iCAAkC,CAGlC,4BAA6B,CAE7B,cAAe,CACf,qBxB1O8B,CwB8OtC,6CACI,mBAAoB,CAGxB,kCACI,UAAY,CACZ,aAAc,CAFlB,0CAKQ,cAAe,CAIvB,qBACI,cAAe,CAGnB,wBACI,QAAS,CACT,aAAc,CACd,UAAc,CACd,qBxBtQqB,CwBuQrB,6BxBpOoB,CwBqOpB,8BxBrOoB,CwB+NxB,gCASQ,UAAc,CAItB,2BACI,QAAS,CAGb,qCACI,cAAe,CACf,eAAgB,CAGpB,2BACI,qBxB7RmB,CwB8RnB,YAAa,CACb,kBAAmB,CACnB,iBAAkB,CAClB,iBAAkB,CAGtB,oCACI,cAAe,CACf,WAAY,CAGhB,mCACI,iBAAkB,CAClB,OAAQ,CACR,UAAW,CAEX,oBAAsB,CACtB,qBAAuB,CACvB,YAAa,CAPjB,2CAUQ,gBAAiB,CACjB,cAAe,CAIvB,qBACI,iBAAkB,CAClB,UAAW,CACX,aAAqC,CAHzC,oDAMQ,aAAqC,CAN7C,6BAUQ,eAAgB,CAChB,WAAY,CACZ,UAAW,CAInB,uBACI,iBAAkB,CAClB,YAAa,CACb,qBxB5UqB,CwB6UrB,kBAAmB,CACnB,qBxBvUmC,CwBwUnC,iBAAkB,CAClB,cAAe,CACf,6BAA8B,CAC9B,mBAAqB,CATzB,2DAYQ,qBAAuB,CAZ/B,0FAgBQ,oBxBjWW,CwBkWX,wBAA+C,CAC/C,axBnWW,CwBiVnB,2NAqBY,axBtWO,CwB2WnB,oBACI,WrB/V4B,CqBqWhC,uBACI,qBAAyB,CAD7B,oCAIQ,kBAAmB,CACnB,iBxB7WS,CwBiXjB,iFAGY,cAAe,CACf,QAAgD,CAChD,MAAO,CACP,OAAQ,CACR,SAAU,CAEV,yCATZ,iFAUgB,SAAmC,CAInC,cAJmC,CAsB1C,CAfG,yCAjBZ,iFAkBgB,cAAe,CActB,CAhCT,+FAsBgB,aAAc,CAEd,yCAxBhB,+FAyBoB,YAAa,CAMpB,CAHG,yCA5BhB,+FA6BoB,aAAc,CAErB,CA/Bb,8DAmCY,gBAAiB,CAK7B,8CAGQ,qBxB7Ze,CwB8Zf,qBxB7ZS,CwB8ZT,kBAAmB,CAI3B,gCACI,iBAAkB,CAClB,kBAAmB,CAMvB,iCACI,eAAgB,CAGpB,iCACI,cAAe,CACf,qBAAuB,CAIvB,yCADJ,kBAEQ,WAAY,CACZ,cAAe,CAOtB,CAJG,yCANJ,kBAOQ,WAAY,CACZ,cAAe,CAEtB,CAED,gBACI,UAAW,CACX,aAAc,CACd,eAAgB,CAChB,kBAAmB,CAJvB,+BAOQ,UAAW,CAPnB,wCAWQ,YAAa,CACb,WAAY,CAIpB,yBACI,eAAgB,CAGpB,yCACI,6EAEQ,qBAA6C,CAChD,CAIT,kBACI,qBAAyB,CACzB,aAAc,CC7elB,kBACI,oBAAsB,CAD1B,0BAIQ,gBAAiB,CAIzB,oBACI,iBAAkB,CAClB,iBAAkB,CAClB,wBzBLe,CyBMf,UAAW,CACX,QAAS,CACT,WAAY,CACZ,gBAAiB,CACjB,cAAe,CACf,eAAgB,CAChB,gBAAiB,CAVrB,2BAaQ,UAAW,CACX,iBAAkB,CAClB,UAAW,CACX,OAAQ,CACR,yCAA6C,CAC7C,gCAAiC,CACjC,mCAAoC,CAI5C,mBACI,aAAc,CAGlB,sBACI,WAAY,CAGhB,6BACI,eAAgB,CAGpB,kPAIQ,qBzB1B+B,CyB2B/B,cxBlC0B,CwB6BlC,0QAQY,cxBrCsB,CwBsCtB,WAAY,CACZ,UAAW,CACX,gBAAiB,CACjB,gBxBzCsB,CyBdlC,cACI,iB1BqDoB,C0BpDpB,SAAU,CACV,czBW8B,CyBV9B,eAAgB,CAEhB,0BANJ,cAOQ,yBAA2B,CAOlC,CAdD,iBAWQ,QAAS,CACT,eAAgB,CAIxB,4BACI,Y1BiCyE,C0B9B7E,2BACI,WAAY,CAEZ,yBAHJ,2BAIQ,WAAY,CAEnB,CAED,oBACI,qB1BNkC,C0BOlC,iBAAkB,CAGtB,qBACI,iBAAkB,CAClB,UAAW,CACX,QAAS,CACT,YAAa,CAJjB,4BAOQ,UAAW,CACX,iBAAkB,CAClB,4BAA6B,CAC7B,iCAAkC,CAClC,kCAAmC,CAI3C,+DACI,UAAW,CAGf,+CACI,WAAY,CnB+tDhB,+BmB1tDI,UAAW,CACX,SAAU,CnB6tDd,mFmB1tDI,SAAS,CACT,UAAU,CnB6tDd,yDmB1tDM,UAAW,CACX,UAAU,CAIhB,oBACI,gBAAiB,CAGrB,2BACI,eAAgB,CAGpB,0BACI,eAAgB,CAChB,qB1B5DmC,C0B+DvC,uDAIQ,SAAU,CAJlB,6CAOY,gBAAiB,CACjB,WAAY,CACZ,UAAW,CAKvB,2CAEQ,wBAAyB,CACzB,UAAW,CAInB,qBACI,iBAAkB,CAClB,gBAAiB,CAFrB,6BAKQ,a1BnFU,C0BuFlB,8BACI,iBAAkB,CAClB,KAAM,CACN,UAAW,CACX,mCAA0C,CAG9C,uBACI,wB1B7GsB,C0BgH1B,uBACI,YAAa,CC9HjB,aACI,yBAA0B,CAC1B,iBAAkB,CAClB,c1BW8B,C0BdlC,gBAMQ,iBAAkB,CAClB,4BAA6B,CAPrC,mBAWQ,UAAW,CACX,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,UAAW,CACX,UAAW,CACX,KAAQ,CACR,WAAY,CACZ,iCAAkC,CAClC,oCAAqC,CACrC,+B3BHgB,C2BOxB,wCACI,yB3BXmB,C2BcvB,qBACI,YAAa,CACb,eAAgB,CAGpB,qBACI,iBAAkB,CAElB,2BAA4B,CAC5B,iBAAkB,CAClB,eAAgB,CAChB,iBAAkB,CAClB,UAAc,CACd,wB3BxBoB,C2B2BxB,qBACI,wB3BxCe,C2ByCf,WAAY,CACZ,iBAAkB,CAClB,KAAM,CACN,UAAW,CAGf,mBACI,iBAAkB,CAClB,UAAc,CAGlB,mBACI,YAAa,CACb,qBAAyB,CACzB,6B3BPoB,C2BQpB,8B3BRoB,C2BSpB,aAAc,CAGlB,qBACI,qBAAyB,CACzB,a3B1Da,C2B2Db,oBAAqB,CACrB,eAAgB,CAChB,c1BzD8B,C0BoDlC,4DAQQ,iBAAkB,CAR1B,4EAYQ,SAAS,CAZjB,4EAgBQ,SAAS,CAIjB,oBACI,eAAgB,CAGpB,mBACI,iBAAkB,CAClB,UAAY,CACZ,wBAAyB,CACzB,c1BhF8B,C0BmFlC,kCAEQ,gBAAiB,CAKzB,mBACI,kBAAmB,CACnB,gBAAiB,CACjB,gBAAiB,CAEjB,yCALJ,mBAMQ,0BAA2B,CAclC,CApBD,yBAUQ,+B3BxGS,C2B8FjB,wCAcQ,qBAAyB,CAdjC,wCAkBQ,wB3BhHS,C4BVjB,WACI,iBAAkB,CAGtB,oBACI,cAAe,CACf,aAAc,CAGlB,oBACI,eAAgB,CAChB,c3BG8B,C2BF9B,iBAAkB,CAElB,yCALJ,oBAMQ,aAAc,CAErB,CAED,uCACI,gBAAiB,CACjB,QAAS,CACT,c3BR8B,C2BWlC,mBACI,iBAAkB,CAClB,UAAW,CACX,QAAS,CAGb,yCAGY,mBAAqB,CACrB,cAAe,CACf,WAAY,CALxB,8FAUgB,8B5BnCG,C4B0CnB,2CAEQ,aAAc,CAFtB,0CAMQ,cAAe,CAIvB,0BACI,iBAAkB,CAClB,eAAgB,CAEhB,qB5BzCmC,C4B4CvC,0BACI,wBAAyB,CAG7B,mBACI,iBAAkB,CAClB,eAAgB,CAGpB,4BACI,cAAe,CAGnB,uBACI,iBAAkB,CAClB,YAAa,CACb,kBAAmB,CAEnB,yCALJ,uBAMQ,eAAgB,CAEvB,CAGG,yCADJ,2BAEQ,UAAW,CAElB,CAED,gCACI,gBAAiB,CACjB,UAAW,CAGf,+BACI,iBAAkB,CAClB,KAAM,CACN,OAAQ,CACR,WAAY,CACZ,8CAAsD,CACtD,eAAgB,CAChB,WAAY,CACZ,QAAS,CARb,uCAeQ,YAAa,CAIrB,qBACI,YAAa,CACb,WAAY,CAFhB,oCAKQ,wB5B9GkB,C4BkH1B,8BACI,iBAAoB,CACpB,4B5BlHmB,C4BqHvB,8BACI,a5BnHoB,C4BoHpB,eAAgB,CCnIpB,gCACI,eAAgB,CAGpB,oBACI,qB7BMqB,C6BJrB,6B7BOkB,C6BJtB,kBACI,qBAAsB,CAEtB,0CAHJ,kBAIQ,mBAAoB,CAE3B,CAED,iBACI,kBAAmB,CACnB,e1BJ4B,C0BM5B,yCAJJ,iBAKQ,kBAAmB,CAY1B,CATG,0CARJ,iBASQ,kBAAmB,CAQ1B,CAjBD,4BAcQ,iBAAkB,CAClB,UAAW,CAMnB,6BACI,cAAe,CACf,qBAAuB,CACvB,eAAgB,CAGpB,gBACI,qBAAyB,CACzB,eAAgB,CAChB,gBAAiB,CACjB,iBAAkB,CAClB,WAAY,CACZ,mBAAqB,CACrB,oBAAsB,CAG1B,yBACI,kBAAmB,CAGvB,mDACI,QAAS,CACT,SAAU,CAFd,qEAKQ,eAAgB,CAIxB,2FACI,WAAY,CACZ,QAAc,CAGlB,yBACI,aAAc,CADlB,kDAKY,aAAc,CAL1B,iDASY,cAAe,CAK3B,4BACI,SAAU,CACV,cAAe,CAGnB,qCACI,YAAa,CACb,kBAAmB,CC7FvB,0BACI,QAAc,CCLlB,cACI,eAAgB,CAChB,eAAgB,CAGpB,gBACI,YAAa,CACb,aAAc,CAGd,iBAAqB,CAArB,kBAAqB,CAArB,kBAAqB,CCPzB,eACI,qBhCUqB,CgCTrB,kBAAmB,CACnB,WAAY,CACZ,6BhCUkB,CgCPtB,eACI,mBAAoB,CAIpB,yCADJ,2BAEQ,YAAa,CAEpB,CAED,sBACI,YAAa,CACb,eAAgB,CAChB,ahCtBoB,CgCyBxB,uBACI,SAAU,CAGd,6CAEQ,ahCzBa,CgC6BrB,wBACI,gBAAiB,CAEjB,iBAAkB,CAClB,qBhCzBmB,CgC0BnB,gCAAkC,CAClC,6BhCYoB,CgCXpB,8BhCWoB,CgCTpB,mBAAe,CAAf,cAAe,CAEf,yCAXJ,wBAYQ,6BAA0B,CAA1B,wBAA0B,CAOjC,CAnBD,4BAgBQ,cAAe,CACf,WAAY,CAIpB,8BACI,wBhCzDoB,CgC4DxB,oBACI,oBAAqB,CACrB,WAAY,CACZ,eAAgB,CAChB,8BAAmB,CAAnB,kBAAmB,CAOvB,8BACI,qBAAyB,CACzB,qBAAuB,CACvB,qBhC3Da,CgCwDjB,iDAMQ,UAAW,CAInB,oCACI,gBAAiB,CAGrB,gBACI,uBAAyB,CAGzB,oBAAqB,CACrB,UAAc,CACd,eAAgB,CANpB,wBASQ,SAAU,CACV,sBAAuB,CAV/B,wBAcQ,UAAc,CCpGtB,wBAEI,qBjCYqB,CiCRzB,yBACE,cAAe,CACf,cAAe,CAFjB,2BAKI,eAAgB,CAChB,kBAAmB,CACnB,eAAgB,CAChB,sBAAuB,CACvB,oBAAqB,CCfzB,6BAEQ,YAAa,CAGjB,yCALJ,kBAMQ,yBlCSe,CkCPtB,CAED,4BACI,iBAAkB,CAClB,WAAY,CAFhB,gDAKQ,qBAAyB,CAIjC,4BACI,iBAAkB,CAGtB,6BACE,WAAW,C3BsqEb,uC2BlqEE,UAAU,CC5BZ,UACE,aAAc","file":"vle.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map-get($color, 'text'),\n  'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// Helper functions and mixins\n\n// Get colors from $colors map\n@function color($key) {\n  @if map-has-key($colors, $key) {\n    @return map-get($colors, $key);\n  }\n  @warn \"Unknown `#{$key}` in $colors.\";\n  @return null;\n}\n\n// set size in pixels given rem\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee; }\n  body.vle {\n    overflow: hidden; }\n\na:hover, a:focus {\n  color: #1C8CA8; }\n\nblockquote {\n  background-color: #e7f7fb;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1C8CA8;\n  border-width: 0 0 0 3px; }\n\n.has-indicator:after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843; }\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px; }\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa; }\n  .badge.md-button {\n    min-width: 0;\n    min-height: 0;\n    line-height: inherit; }\n    .badge.md-button:hover, .badge.md-button:focus {\n      background-color: #aaaaaa; }\n    .badge.md-button:focus {\n      outline: 1px dotted #aaaaaa; }\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff; }\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff; }\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff; }\n\n.divider--withmargin {\n  margin: 16px 0; }\n\n.divider--dashed {\n  border-top-style: dashed; }\n\na {\n  color: #1C8CA8;\n  cursor: pointer; }\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87); }\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box; }\n\n.avatar--square {\n  border-radius: 4px; }\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px; }\n\n.avatar.md-24 {\n  height: 36px;\n  width: 36px; }\n\n.avatar.md-36 {\n  height: 48px;\n  width: 48px; }\n\n.avatar.md-48 {\n  height: 60px;\n  width: 60px; }\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important; }\n  .avatar--icon:not(.md-avatar) {\n    padding: 6px; }\n  .avatar--icon.md-18 {\n    height: 18px;\n    width: 18px; }\n  .avatar--icon.md-24 {\n    height: 24px;\n    width: 24px; }\n  .avatar--icon.md-36 {\n    height: 36px;\n    width: 36px; }\n  .avatar--icon.md-48 {\n    height: 48px;\n    width: 48px; }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54); }\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26); }\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1C8CA8 !important; }\n\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important; }\n\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important; }\n\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important; }\n\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important; }\n\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important; }\n\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important; }\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87); }\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: #f4fbfd; }\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1C8CA8;\n  background-color: #f4fbfd; }\n\n.primary {\n  color: #1C8CA8; }\n\n.accent {\n  color: #F05843; }\n\n.accent-1 {\n  color: #795C3A; }\n\n.accent-2 {\n  color: #CAD266; }\n\n.warn {\n  color: #c62828; }\n\n.info {\n  color: #ef6c00; }\n\n.success {\n  color: #00C853; }\n\n.divider {\n  color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest {\n  color: #f7f7f7; }\n\n.gray-lighter {\n  color: #eeeeee; }\n\n.gray-light {\n  color: #dddddd; }\n\n.gray {\n  color: #cccccc; }\n\n.gray-dark {\n  color: #aaaaaa; }\n\n.gray-darker {\n  color: #757575; }\n\n.gray-darkest {\n  color: #333333; }\n\n.text {\n  color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26); }\n\n.text-light {\n  color: white; }\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg {\n  color: #f4fbfd; }\n\n.score {\n  color: #FFC107; }\n\n.body {\n  color: rgba(0, 0, 0, 0.87); }\n\n.body-bg {\n  color: #eeeeee; }\n\n.primary-bg {\n  background-color: #1C8CA8; }\n\n.accent-bg {\n  background-color: #F05843; }\n\n.accent-1-bg {\n  background-color: #795C3A; }\n\n.accent-2-bg {\n  background-color: #CAD266; }\n\n.warn-bg {\n  background-color: #c62828; }\n\n.info-bg {\n  background-color: #ef6c00; }\n\n.success-bg {\n  background-color: #00C853; }\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.gray-lightest-bg {\n  background-color: #f7f7f7; }\n\n.gray-lighter-bg {\n  background-color: #eeeeee; }\n\n.gray-light-bg {\n  background-color: #dddddd; }\n\n.gray-bg {\n  background-color: #cccccc; }\n\n.gray-dark-bg {\n  background-color: #aaaaaa; }\n\n.gray-darker-bg {\n  background-color: #757575; }\n\n.gray-darkest-bg {\n  background-color: #333333; }\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54); }\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26); }\n\n.text-light-bg {\n  background-color: white; }\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7); }\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5); }\n\n.selected-bg-bg {\n  background-color: #f4fbfd; }\n\n.score-bg {\n  background-color: #FFC107; }\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87); }\n\n.body-bg-bg {\n  background-color: #eeeeee; }\n\nmd-progress-circular.primary path {\n  stroke: #1C8CA8; }\n\nmd-progress-circular.accent path {\n  stroke: #F05843; }\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A; }\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266; }\n\nmd-progress-circular.warn path {\n  stroke: #c62828; }\n\nmd-progress-circular.info path {\n  stroke: #ef6c00; }\n\nmd-progress-circular.success path {\n  stroke: #00C853; }\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12); }\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7; }\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee; }\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd; }\n\nmd-progress-circular.gray path {\n  stroke: #cccccc; }\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa; }\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575; }\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333; }\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54); }\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26); }\n\nmd-progress-circular.text-light path {\n  stroke: white; }\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7); }\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5); }\n\nmd-progress-circular.selected-bg path {\n  stroke: #f4fbfd; }\n\nmd-progress-circular.score path {\n  stroke: #FFC107; }\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87); }\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee; }\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative; }\n  @media (min-width: 600px) {\n    .l-constrained {\n      width: 1280px; } }\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%; }\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee; }\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex; }\n\n.button--footer__element {\n  padding-left: 8px; }\n\n.l-header {\n  z-index: 3; }\n  .l-header .logo {\n    margin-left: 0 !important;\n    height: 36px;\n    width: 36px;\n    vertical-align: middle; }\n  .l-header .logo-link {\n    min-width: auto;\n    display: none;\n    padding: 0 4px;\n    margin-right: 12px; }\n    @media only screen and (min-width: 600px) {\n      .l-header .logo-link {\n        display: block; } }\n    .l-header .logo-link:hover, .l-header .logo-link:focus {\n      border: 0 none; }\n  @media only screen and (max-width: 599px) {\n    .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n      font-size: 15px; } }\n\n.l-main {\n  background-color: #eeeeee; }\n\n.l-main--with-toolbar {\n  margin-top: 42px; }\n\n#content {\n  transition: margin-top 0.5s; }\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms; }\n  @media only screen and (min-width: 960px) {\n    .view-content {\n      padding: 16px; } }\n  .view-content.ng-enter {\n    opacity: 0; }\n  .view-content .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .view-content.ng-leave-active, .view-content.ng-hide {\n    opacity: 0; }\n  .view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n    opacity: 0; }\n\n.view-content--with-sidemenu {\n  padding: 8px; }\n  @media only screen and (min-width: 600px) {\n    .view-content--with-sidemenu {\n      margin-left: 54px;\n      padding: 16px; } }\n\n@media only screen and (min-width: 600px) {\n  [dir='rtl'] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px; } }\n\n.content-head {\n  margin: 8px 0; }\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 36px; }\n    @media only screen and (max-width: 959px) {\n      .content-head h1,\n      .content-head h2,\n      .content-head h3 {\n        font-size: 32px;\n        text-align: center; } }\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px; } }\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px; }\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    padding-left: 4px; }\n    @media only screen and (max-width: 959px) {\n      .content-head__item .md-subhead,\n      h2.content-head__item .md-subhead {\n        display: block;\n        padding-left: 0; } }\n  .content-head__item md-icon,\n  h2.content-head__item md-icon {\n    vertical-align: text-bottom; }\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px; }\n\n.l-nav {\n  background-color: #eeeeee !important; }\n\n.l-node {\n  margin-top: 42px;\n  padding: 0; }\n  @media only screen and (min-width: 600px) {\n    .l-node {\n      padding: 0 0 16px;\n      background-color: #eeeeee !important; } }\n  @media only screen and (min-width: 960px) {\n    .l-node {\n      padding: 0 0 32px; } }\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important; }\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important; }\n  .l-sidebar__header md-select {\n    color: rgba(0, 0, 0, 0.87); }\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom; }\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0; }\n\n.avatar--icon--alert {\n  background-color: #ffffff; }\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px; }\n\n.gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out; }\n\n.gu-hide {\n  display: none !important; }\n\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important; }\n\n.gu-transit {\n  opacity: 0.2; }\n\nmd-dialog {\n  width: 600px; }\n\n.dialog--wide {\n  width: 960px; }\n\n.dialog--wider {\n  width: 1280px; }\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px; }\n  @media (min-width: 600px) {\n    .help-bubble {\n      max-width: 552px; } }\n  @media (min-width: 960px) {\n    .help-bubble {\n      max-width: 912px; } }\n  @media (min-width: 1280px) {\n    .help-bubble {\n      max-width: 1232px; } }\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00; }\n  .help-bubble___title__content .md-icon-button {\n    margin-right: 0;\n    padding-top: 0;\n    padding-bottom: 0; }\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px; }\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n\ndiv.hopscotch-bubble {\n  border-radius: 4px;\n  border: 0 none;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  z-index: 6; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container {\n    position: absolute;\n    width: 20px;\n    height: 20px; }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {\n    top: 0;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {\n      border-bottom: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {\n    bottom: -34px;\n    left: 12px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {\n      border-top: 10px solid #ef6c00;\n      border-left: 10px solid transparent;\n      border-right: 10px solid transparent;\n      position: relative;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {\n    top: 12px;\n    left: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {\n      border-right: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      left: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n  div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {\n    top: 12px;\n    right: -30px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {\n      border-left: 10px solid #ef6c00;\n      border-bottom: 10px solid transparent;\n      border-top: 10px solid transparent;\n      position: relative;\n      right: 0;\n      top: -10px; }\n    div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {\n      border: 0 none;\n      /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/ }\n\n.input-container {\n  padding-top: 12px; }\n\n.input-container--component {\n  margin-bottom: 0; }\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0; }\n\n.input-container--open-response .md-errors-spacer {\n  display: none; }\n\n.input-wrapper {\n  position: relative; }\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1C8CA8; }\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px; }\n  .input--textarea:focus, .input-container textarea.input--textarea:focus {\n    background-color: #ffffff; }\n  .input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n    color: rgba(0, 0, 0, 0.54); }\n\n.input-container textarea.input--textarea {\n  width: 100%; }\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54); }\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px; }\n  .input--textarea__action[disabled] md-icon {\n    color: rgba(0, 0, 0, 0.26) !important; }\n\n.input--textarea__action--notebook {\n  top: 6px; }\n  .input-wrapper--richtext .input--textarea__action--notebook {\n    top: -7px; }\n\n.input--textarea__action--revision {\n  bottom: 6px; }\n  .input-wrapper--richtext .input--textarea__action--revision {\n    bottom: -5px; }\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87); }\n  .input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n    color: #1C8CA8; }\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54); }\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px; } }\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff; }\n  .autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n    box-shadow: none;\n    background-color: #eeeeee; }\n\n.select__header {\n  height: 48px; }\n  .select__header input {\n    height: 100%;\n    width: 100%;\n    padding: 0 8px;\n    outline: none;\n    border: 0 none;\n    font-size: 14px;\n    font-weight: 500; }\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0; }\n  .table thead > tr > th,\n  .table thead > tr > td,\n  .table tbody > tr > th,\n  .table tbody > tr > td,\n  .table tfoot > tr > th,\n  .table tfoot > tr > td {\n    border: 1px solid #cccccc;\n    padding: 6px;\n    font-size: 15px;\n    min-height: 32px;\n    height: 32px;\n    min-width: 32px;\n    vertical-align: top; }\n  .table td.inactive,\n  .table th {\n    background-color: #f7f7f7;\n    opacity: 1;\n    visibility: visible; }\n  .table md-input-container {\n    margin: 0; }\n  .table .md-errors-spacer {\n    display: none; }\n\n.table--student td.inactive {\n  padding: 8px 10px; }\n\n.table--full-width {\n  width: 100%; }\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto; }\n  .table--list th,\n  .table--list td {\n    padding: 0 4px;\n    border: 0 none; }\n  .table--list td {\n    min-height: 56px;\n    height: 56px; }\n  .table--list tr.md-button {\n    display: table-row;\n    text-align: left;\n    width: auto;\n    text-transform: none;\n    font-size: inherit;\n    font-weight: normal; }\n\n.table--list__wrap {\n  min-width: 600px; }\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto; } }\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700; }\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0; }\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: white;\n  min-height: 42px;\n  height: 42px; }\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%; }\n\n.table--list__thead__sort {\n  margin: 0; }\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg); }\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2; }\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; } }\n\n.md-toolbar-tools {\n  font-size: 18px; }\n  .md-toolbar-tools .autocomplete {\n    height: 36px; }\n    .md-toolbar-tools .autocomplete md-autocomplete-wrap {\n      height: 36px; }\n    .md-toolbar-tools .autocomplete input {\n      height: 36px; }\n\n.md-toolbar--wise {\n  min-height: 42px; }\n  .md-toolbar--wise .md-toolbar-tools {\n    height: 42px;\n    max-height: 42px; }\n  .md-toolbar--wise .md-button.md-icon-button {\n    height: 42px;\n    line-height: 42px;\n    width: 42px; }\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px; }\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important; }\n  .md-toolbar--sidenav .md-toolbar-tools {\n    font-size: 16px;\n    font-weight: 500; }\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3; }\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500; }\n\n.toolbar__tools {\n  padding-right: 8px; }\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px; }\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0; }\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7; }\n  .toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n    height: 32px;\n    text-align: left; }\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right; }\n\n.toolbar__select--fixedwidth {\n  width: 168px; }\n  @media only screen and (min-width: 600px) {\n    .toolbar__select--fixedwidth {\n      width: 264px; } }\n  @media only screen and (min-width: 960px) {\n    .toolbar__select--fixedwidth {\n      width: 432px; } }\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee; }\n  .list-item .md-subheader, .list-item.md-subheader {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #ffffff; }\n    .list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n      vertical-align: middle; }\n    .list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n      padding: 0; }\n    .list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n      margin-right: 8px; }\n  .list-item .autocomplete {\n    margin: 8px 0; }\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px; }\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px; }\n\n.list-item--expanded {\n  border-bottom-width: 0; }\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7; }\n\n.list-item--actions {\n  padding: 0 8px !important; }\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4; }\n\n.user-list {\n  font-size: 15px; }\n\n#nav {\n  position: relative; }\n\n.nav {\n  margin-bottom: 16px; }\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1; }\n  .nav-mask.ng-hide {\n    opacity: 0; }\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500; }\n  .nav-head md-icon {\n    line-height: 20px; }\n\n.nav-contents--root {\n  padding: 6px 6px 12px; }\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px; }\n\n.nav-contents--root {\n  padding: 0; }\n\n.nav-contents__list {\n  padding: 0; }\n  @media (min-width: 600px) {\n    .nav-contents__list {\n      padding: 8px; } }\n\n.nav-item {\n  transition: opacity 250ms ease-in-out; }\n  .nav-item.prev md-list-item {\n    background-color: #f4fbfd;\n    /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/ }\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px; }\n  .nav-item--card__content:focus {\n    outline: none; }\n    .nav-item--card__content:focus .nav-item__title > span {\n      border-bottom: 1px dashed #cccccc; }\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms; }\n  .nav-item--root.expanded {\n    flex-basis: 100%;\n    max-width: 100%;\n    max-height: none !important;\n    margin: 8px auto;\n    padding-left: 4px; }\n    .nav-item--root.expanded:first-of-type {\n      margin-top: 0; }\n\n.nav-item--list__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block; }\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.nav-item--card--group:not(.expanded) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa; }\n\n.nav-item__collapse {\n  margin: 0; }\n\n.nav-item__more {\n  border-top: 1px solid #dddddd;\n  border-bottom-right-radius: 4px;\n  border-bottom-left-radius: 4px;\n  padding: 8px 16px;\n  min-height: 40px; }\n\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px; }\n  .nav-item__users > md-icon {\n    padding-right: 4px;\n    color: #ffffff; }\n  .nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n    background-color: #00C853; }\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400; }\n\n[dir=rtl] .nav-item__title {\n  padding-left: auto;\n  padding-right: 16px; }\n\n.nav-item__info {\n  padding: 0 8px; }\n\n.nav-item__progress {\n  width: 48px; }\n  .nav-item__progress > .md-container {\n    top: 0; }\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px; }\n\n.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer; }\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px; }\n  .menu-progress path {\n    stroke: #CAD266 !important;\n    stroke-width: 2px; }\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px; }\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px; }\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px; }\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1C8CA8; }\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc; }\n  @media only screen and (max-width: 599px) {\n    .menu-sidebar {\n      display: none; } }\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto; }\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%; }\n  @media (min-width: 600px) {\n    .notice {\n      max-width: 80%;\n      border-radius: 3px;\n      margin: 24px auto; } }\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0; }\n  @media only screen and (min-width: 600px) {\n    #node {\n      padding: 8px;\n      padding: 24px 16px;\n      margin-bottom: 32px; } }\n  @media only screen and (min-width: 960px) {\n    #node {\n      padding: 32px; } }\n  #node.ng-enter {\n    transition: opacity .5s;\n    opacity: 0; }\n  #node.ng-enter-active {\n    opacity: 1; }\n\n@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px; } }\n\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px; } }\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible; }\n  @media only screen and (max-width: 599px) {\n    .node-content {\n      box-shadow: none; } }\n  @media only screen and (min-width: 600px) {\n    .node-content {\n      padding: 0;\n      border-top: 2px solid;\n      border-bottom: 2px solid; } }\n\nmd-content.node-content {\n  background-color: #ffffff; }\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.94); }\n    @media only screen and (max-width: 599px) {\n      .node-content__rubric .avatar--icon {\n        transform: scale(0.8); } }\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit; }\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px; }\n  .node-select .md-select-value *:first-child {\n    transform: translate3d(0, 0, 0);\n    flex: 1 0 0; }\n  .node-select .md-select-value .node-select__icon {\n    display: none; }\n  .node-select .md-select-value .node-select__status {\n    display: none; }\n  .node-select .md-select-icon {\n    margin-left: 0;\n    color: rgba(0, 0, 0, 0.87); }\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee; }\n\n.node-select-option--node {\n  padding-left: 20px; }\n\n.node-select__icon {\n  margin-right: 8px; }\n\n.node-select__status {\n  margin-left: 8px; }\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n  @media only screen and (min-width: 600px) {\n    .node-select__text {\n      margin-top: 2px; } }\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-title {\n      font-size: 15px; } }\n\n.node-content__actions {\n  padding: 0 16px 16px; }\n  @media only screen and (min-width: 960px) {\n    .node-content__actions {\n      padding: 0 24px 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .node-content__actions {\n      padding: 0 32px 32px; } }\n  .node-content__actions .md-button:first-child {\n    margin-left: 0; }\n  .node-content__actions .md-button:last-child {\n    margin-right: 0; }\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.node-content__actions__more {\n  border-bottom: 1px dotted; }\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0; }\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px; } }\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px; } }\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px; }\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px; }\n  @media only screen and (max-width: 599px) {\n    .node-sidebar__toolbar {\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      border-radius: 0;\n      padding: 0;\n      min-height: 0;\n      height: 42px; } }\n\n.node-info {\n  margin: 0; }\n  @media only screen and (max-width: 599px) {\n    .node-info {\n      margin: -16px;\n      border-radius: 0; } }\n  .node-info .divider {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component:first-child {\n    margin-top: -16px; }\n  .node-info .component, .node-info .component__content, .node-info .component__header {\n    margin-left: -8px;\n    margin-right: -8px; }\n  .node-info .component__actions {\n    display: none; }\n\n.node-rubric {\n  border: 2px solid #1C8CA8;\n  margin: 8px 16px 24px;\n  padding: 16px;\n  background-color: #ffffff; }\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-launcher.md-button.md-fab {\n    z-index: 61; } }\n\n.notebook-report {\n  border-radius: 4px 4px 0 0;\n  margin: 0;\n  height: 100%; }\n  .notebook-report .note-toolbar {\n    margin: -8px -8px 8px;\n    padding: 4px;\n    border: 0 none;\n    border-top: 1px solid #dddddd;\n    border-bottom: 1px solid #dddddd;\n    border-radius: 0; }\n    .notebook-report .note-toolbar .btn-group {\n      margin-top: 0; }\n  .notebook-report .note-btn {\n    border: 0 none;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0; }\n\n.notebook-report-container {\n  height: 550px;\n  width: 450px;\n  max-height: 90%;\n  bottom: 0;\n  right: 96px;\n  position: absolute;\n  z-index: 3; }\n\n@media only screen and (min-width: 960px) {\n  .notes-visible .notebook-report-container {\n    right: 516px;\n    transition: right 250ms; } }\n\n.notebook-report-container__full {\n  top: 16px;\n  bottom: 16px;\n  left: 16px;\n  right: 16px;\n  max-height: none;\n  max-width: none;\n  height: auto;\n  width: auto; }\n  .notebook-report-container__full .notebook-report {\n    height: 100%;\n    width: 100%;\n    margin: 0 auto;\n    max-height: none;\n    border-radius: 4px; }\n\n.notebook-report-container__collapsed {\n  width: 300px;\n  height: auto; }\n  .notebook-report-container__collapsed .notebook-report__content, .notebook-report-container__collapsed .notebook-report__actions, .notebook-report-container__collapsed .notebook-report__content__header {\n    display: none; }\n\n.notebook-report__toolbar {\n  background-color: #333333 !important;\n  border-radius: 4px 4px 0 0; }\n\n.notebook-report__toolbar__title {\n  max-width: 150px; }\n\n.notebook-report__content {\n  background-color: #ffffff; }\n  .notebook-report__content h1, .notebook-report__content h2, .notebook-report__content h3, .notebook-report__content h4 {\n    font-size: 22px; }\n  .notebook-report__content .note-editor.note-frame {\n    border: 0 none;\n    border-radius: 0;\n    padding: 0;\n    box-shadow: none; }\n  .notebook-report__content .note-resizebar {\n    display: none; }\n\n.notebook-report__content__header {\n  padding: 8px;\n  background-color: #ffffff;\n  font-size: 16px; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-report-container:not(.notebook-report-container__collapsed) {\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    max-height: none;\n    max-width: none;\n    height: auto;\n    width: auto; }\n    .notebook-report-container:not(.notebook-report-container__collapsed) .notebook-report {\n      border-radius: 0; }\n  .notebook-tools--full {\n    display: none; } }\n\n.notebook-report-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 3;\n  background-color: #212121;\n  opacity: .48; }\n\n.notebook-menu {\n  transition: opacity 500ms; }\n  .notebook-menu.ng-enter {\n    opacity: 0; }\n  .notebook-menu .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms; }\n  .notebook-menu.ng-leave-active, .notebook-menu.ng-hide {\n    opacity: 0; }\n  .notebook-menu.ng-hide-add, .notebook-menu.ng-hide-add-active, .notebook-menu.ng-hide-remove, .notebook-menu.ng-hide-remove-active {\n    opacity: 0; }\n\n.notebook-item {\n  transition: box-shadow 250ms;\n  margin: 0 16px 16px;\n  display: block; }\n\n.notebook-item__content {\n  height: 250px;\n  min-width: 230px;\n  position: relative;\n  padding: 0;\n  background-color: #cccccc;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px; }\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n  position: absolute;\n  left: 0;\n  right: 0; }\n\n.notebook-item__content__attachment {\n  background-repeat: no-repeat !important;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  background-position: center top !important;\n  background-size: cover !important;\n  top: 0;\n  bottom: 0; }\n\n.notebook-item__content__text {\n  bottom: 0;\n  padding: 8px;\n  font-weight: 500;\n  overflow: hidden;\n  max-height: 120px;\n  min-height: 56px;\n  background-color: rgba(255, 255, 255, 0.95);\n  border-top: 1px solid #eeeeee; }\n  .notebook-item__content__text:after {\n    content: \"\";\n    text-align: right;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 0.8em;\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) 100%); }\n\n.notebook-item__content--text-only:after {\n  content: \"note\";\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n  font-size: 80px;\n  color: rgba(0, 0, 0, 0.26); }\n\n.notebook-item--question__content--text-only {\n  content: \"live_help\"; }\n\n.notebook-item__content__location {\n  opacity: 0.9;\n  padding: 8px 0; }\n  .notebook-item__content__location md-icon {\n    font-size: 22px; }\n\n.notebook-item__edit {\n  cursor: pointer; }\n\n.notebook-item__actions {\n  margin: 0;\n  padding: 0 8px;\n  color: #ffffff;\n  background-color: #333333;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px; }\n  .notebook-item__actions md-icon {\n    color: #ffffff; }\n\n.notebook-item__text-input {\n  margin: 0; }\n\n.notebook-item__text-input__textarea {\n  padding-left: 0;\n  padding-right: 0; }\n\n.notebook-item__attachment {\n  background-color: #dddddd;\n  padding: 16px;\n  margin-bottom: 16px;\n  text-align: center;\n  position: relative; }\n\n.notebook-item__attachment__content {\n  max-width: 100%;\n  height: auto; }\n\n.notebook-item__attachment__delete {\n  position: absolute;\n  top: 4px;\n  right: -2px;\n  width: 34px !important;\n  height: 34px !important;\n  min-height: 0; }\n  .notebook-item__attachment__delete md-icon {\n    margin-left: -2px;\n    font-size: 22px; }\n\n.notebook-item__info {\n  font-style: italic;\n  opacity: .8;\n  color: #8a6942; }\n  .notebook-item__info a, .notebook-item__info md-icon {\n    color: #8a6942; }\n  .notebook-item__info md-icon {\n    font-size: 1.5em;\n    min-width: 0;\n    width: auto; }\n\n.notebook-item__upload {\n  text-align: center;\n  padding: 24px;\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  color: rgba(0, 0, 0, 0.54);\n  border-radius: 4px;\n  cursor: pointer;\n  border: 1px dashed transparent;\n  transition: all 250ms; }\n  .notebook-item__upload md-icon, .notebook-item__upload span {\n    transition: color 250ms; }\n  .notebook-item__upload:hover, .notebook-item__upload:focus, .notebook-item__upload.dragover {\n    border-color: #F05843;\n    background-color: #fdebe8;\n    color: #F05843; }\n    .notebook-item__upload:hover md-icon, .notebook-item__upload:hover span, .notebook-item__upload:focus md-icon, .notebook-item__upload:focus span, .notebook-item__upload.dragover md-icon, .notebook-item__upload.dragover span {\n      color: #F05843; }\n\n.view-notebook-item {\n  width: 600px; }\n\n.notebook-item--report {\n  background-color: #ffffff; }\n  .notebook-item--report .note-editor {\n    margin-bottom: 16px;\n    border-color: #cccccc; }\n\n.notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n  position: fixed;\n  top: 94px;\n  left: 0;\n  right: 0;\n  z-index: 1; }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      left: 54px; } }\n  @media only screen and (min-width: 600px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 24px; } }\n  @media only screen and (min-width: 960px) {\n    .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar {\n      padding: 0 32px; } }\n  .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n    margin: 0 16px; }\n    @media only screen and (min-width: 600px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 8px; } }\n    @media only screen and (min-width: 960px) {\n      .notebook-item--report__container.ui-scrollpoint .notebook-item--report__toolbar .note-toolbar {\n        margin: 0 16px; } }\n\n.notebook-item--report__container.ui-scrollpoint .note-editor {\n  padding-top: 40px; }\n\n.notebook-item--report__toolbar .note-toolbar {\n  background-color: #dddddd;\n  border: 1px solid #cccccc;\n  margin-bottom: -2px; }\n\n.notebook-item--report__heading {\n  text-align: center;\n  margin-bottom: 32px; }\n\n.notebook-item--report__add-note {\n  font-weight: 700; }\n\n.notebook-item--report__note-img {\n  max-width: 100%;\n  height: auto !important; }\n\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 400px;\n    max-width: none; } }\n\n@media only screen and (min-width: 960px) {\n  .notebook-sidebar {\n    width: 500px;\n    max-width: none; } }\n\n.notebook-items {\n  width: 100%;\n  overflow: auto;\n  margin-top: 16px;\n  margin-bottom: 76px; }\n  .notebook-items .notebook-item {\n    width: 100%; }\n  .notebook-items .notebook-item__content {\n    height: 200px;\n    min-width: 0; }\n\n.notebook-items--grading {\n  margin-bottom: 0; }\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important; } }\n\n.notebook-grading {\n  background-color: #ffffff;\n  display: block; }\n\n.notification-btn {\n  width: 60px !important; }\n  .notification-btn md-icon {\n    margin-left: 20px; }\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  left: 4px;\n  height: 22px;\n  line-height: 18px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid; }\n  .notification-count:before {\n    content: \"\";\n    position: absolute;\n    right: -7px;\n    top: 5px;\n    border-left: 6px solid rgba(255, 255, 255, 0.87);\n    border-top: 4px solid transparent;\n    border-bottom: 4px solid transparent; }\n\n.notification-list {\n  padding: 8px 0; }\n\n.notification-dismiss {\n  width: 500px; }\n\n.notification-dismiss__input {\n  margin-bottom: 0; }\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px; }\n  md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\n  md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n    font-size: 18px;\n    min-width: 0;\n    width: auto;\n    margin-left: -4px;\n    line-height: 20px; }\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px; }\n  @media (min-width: 1280px) {\n    .account-menu {\n      min-width: 380px !important; } }\n  .account-menu h3 {\n    margin: 0;\n    font-weight: 300; }\n\n.account-menu--fixed-height {\n  height: 304px; }\n\n.account-menu--fixed-width {\n  width: 320px; }\n  @media (min-width: 960px) {\n    .account-menu--fixed-width {\n      width: 380px; } }\n\n.account-menu__icon {\n  background-color: white;\n  border-radius: 50%; }\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none; }\n  .account-menu__caret:before {\n    content: '';\n    position: absolute;\n    border-bottom: 8px solid #fff;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent; }\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px; }\n\n.account-menu__caret--notification--with-pause {\n  right: 132px; }\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px; }\n\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto; }\n\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto; }\n\n.account-menu__info {\n  padding: 8px 12px; }\n\n.account-menu__info__title {\n  font-weight: 500; }\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54); }\n\n.account-menu__users {\n  padding: 0; }\n  .account-menu__users md-list-item {\n    padding: 0; }\n    .account-menu__users md-list-item .md-avatar {\n      margin: 0 8px 0 0;\n      height: 48px;\n      width: 48px; }\n\n.account-menu__progress md-progress-linear {\n  transform: rotate(270deg);\n  width: 26px; }\n\n.account-menu__grade {\n  position: relative;\n  margin-right: 4px; }\n  .account-menu__grade md-icon {\n    color: #FFC107; }\n\n.account-menu__grade__overlay {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.6); }\n\n.account-menu__actions {\n  background-color: #f7f7f7; }\n\n.account-menu__control {\n  padding: 16px; }\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px; }\n  .annotations hr {\n    margin: 10px 0 8px;\n    border-color: rgba(0, 0, 0, 0.12); }\n  .annotations:after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: -16px;\n    right: auto;\n    top: 0px;\n    bottom: auto;\n    border-top: 20px solid transparent;\n    border-bottom: 20px solid transparent;\n    border-right: 16px solid #757575; }\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd; }\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575; }\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px; }\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff; }\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto; }\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave {\n    transition: all 1s; }\n  .annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n    opacity: 0; }\n  .annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n    opacity: 1; }\n\n.annotations__score {\n  font-weight: 700; }\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px; }\n\n.annotations--inside .annotations {\n  margin-left: 72px; }\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px; }\n  @media only screen and (min-width: 600px) {\n    .annotations--info {\n      margin: 16px 16px 32px 76px; } }\n  .annotations--info:after {\n    border-right: 16px solid #ef6c00; }\n  .annotations--info .annotations__avatar {\n    background-color: #ffffff; }\n  .annotations--info .annotations__header {\n    background-color: #ef6c00; }\n\n.component {\n  position: relative; }\n\n.component__wrapper {\n  padding: 0 16px;\n  margin: 24px 0; }\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden; }\n  @media only screen and (min-width: 600px) {\n    .component__content {\n      padding: 0 8px; } }\n\nh3.component__header, .component-header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px; }\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px; }\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy; }\n  .notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n    box-shadow: 0 0 5px 1px #F05843; }\n\n.component__actions .md-button:first-child {\n  margin-left: 0; }\n\n.component__actions .md-button:last-child {\n  margin-right: 0; }\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54); }\n\n.component__actions__more {\n  border-bottom: 1px dotted; }\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500; }\n\n.component__prompt__content {\n  display: inline; }\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px; }\n  @media only screen and (min-width: 600px) {\n    .component__attachment {\n      padding-top: 8px; } }\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%; } }\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto; }\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0; }\n  .component__attachment__delete > md-icon {\n    margin-top: 0; }\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px; }\n  .component__revision:nth-child(odd) {\n    background-color: #f7f7f7; }\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd; }\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px; }\n\n.component__content--Discussion {\n  overflow: hidden; }\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.discussion-posts {\n  padding: 12px 12px 8px; }\n  @media only screen and (min-width: 1280px) {\n    .discussion-posts {\n      padding: 16px 16px 0; } }\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px; }\n  @media only screen and (min-width: 600px) {\n    .discussion-post {\n      margin-bottom: 24px; } }\n  @media only screen and (min-width: 1280px) {\n    .discussion-post {\n      margin-bottom: 32px; } }\n  .discussion-post md-divider {\n    position: relative;\n    width: auto; }\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px; }\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95); }\n\n.discussion-new--focused {\n  transform: scale(1); }\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0; }\n  md-input-container.discussion-new__input-container > textarea.md-input {\n    min-height: 68px; }\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none; }\n\n.discussion-new__actions {\n  padding: 0 8px; }\n  .discussion-new__actions .md-button:first-of-type {\n    margin-left: 0; }\n  .discussion-new__actions .md-button:last-of-type {\n    margin-right: 0; }\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px; }\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px; }\n\n.embedded-content__iframe {\n  border: 0 none; }\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px; }\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0; }\n\n.match-content {\n  background-color: #eeeeee;\n  margin-bottom: 16px;\n  padding: 8px;\n  box-shadow: inset 0 0 3px #aaaaaa; }\n\n.match-divider {\n  margin: 16px 8px 8px; }\n\n@media only screen and (min-width: 960px) {\n  .match-divider--horizontal {\n    display: none; } }\n\n.match-bucket__header {\n  padding: 12px;\n  font-weight: 500;\n  color: #1C8CA8; }\n\n.match-bucket__content {\n  padding: 0; }\n\n.match-bucket--choices .match-bucket__header {\n  color: #795C3A; }\n\n.match-bucket__contents {\n  min-height: 120px;\n  padding: 0 8px 8px;\n  background-color: #dddddd;\n  transition: background-color 250ms;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  column-gap: 8px; }\n  @media only screen and (max-width: 599px) {\n    .match-bucket__contents {\n      column-count: 1 !important; } }\n  .match-bucket__contents img {\n    max-width: 100%;\n    height: auto; }\n\n.match-bucket__contents--over {\n  background-color: #1C8CA8; }\n\n.match-bucket__item {\n  list-style-type: none;\n  cursor: move;\n  padding-top: 8px;\n  break-inside: avoid; }\n\n.match-bucket__item__contents {\n  background-color: #ffffff;\n  padding: 8px !important;\n  border: 1px solid #cccccc; }\n  .match-bucket__item__contents .md-list-item-text {\n    width: 100%; }\n\n.match-bucket__item__contents__text {\n  margin-right: 4px; }\n\n.match-feedback {\n  transition: opacity 250ms;\n  /*padding-left: 8px;\n    border-left: 4px solid;*/\n  margin: 8px -8px -8px;\n  color: #ffffff;\n  padding: 4px 8px; }\n  .match-feedback.ng-hide {\n    opacity: 0;\n    transition: opacity 1ms; }\n  .match-feedback md-icon {\n    color: #ffffff; }\n\n.outside-content iframe {\n  border: 1px solid #eeeeee; }\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end; }\n  .outside-content__source a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block; }\n\n.notebook-toolbar md-divider {\n  margin: 8px 0; }\n\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd; } }\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px; }\n  .notebook-toolbar__add-menu .md-fab-action-item {\n    background-color: #ffffff; }\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%; }\n\n#closeNotebookSettingsButton {\n  float: right; }\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left; }\n\nhighchart {\n  display: block; }\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-node {\n  margin-top: $wise-toolbar-height;\n  padding: 0;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    padding: 0 0 16px;\n    background-color: color('body-bg') !important;\n  }\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 0 0 32px;\n  }\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n",".gu-mirror {\n  position: fixed !important;\n  margin: 0 !important;\n  z-index: 9999 !important;\n  opacity: 0.8;\n  transition: opacity 250ms ease-in-out;\n}\n.gu-hide {\n  display: none !important;\n}\n.gu-unselectable {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n}\n.gu-transit {\n  opacity: 0.2;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n\ndiv.hopscotch-bubble {\n    border-radius: $card-border-radius;\n    //border: 2px solid color('gray-darker');\n    border: 0 none;\n    font-family: Roboto, \"Helvetica Neue\", sans-serif;\n    font-size: rem(1.4);\n    z-index: 6;\n\n    .hopscotch-bubble-arrow-container {\n        position: absolute;\n        width: 20px;\n        height: 20px;\n    }\n\n    .hopscotch-bubble-arrow-container {\n        &.up {\n            top: 0;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-bottom: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-bottom: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.down {\n            bottom: -34px;\n            left: 12px;\n\n            .hopscotch-bubble-arrow {\n                border-top: 10px solid color('info');\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                position: relative;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-top: 12px solid color('gray-darker');\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;*/\n            }\n        }\n\n        &.left {\n            top: 12px;\n            left: -10px;\n\n            .hopscotch-bubble-arrow {\n                border-right: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                left: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n\n        &.right {\n            top: 12px;\n            right: -30px;\n\n            .hopscotch-bubble-arrow {\n                border-left: 10px solid color('info');\n                border-bottom: 10px solid transparent;\n                border-top: 10px solid transparent;\n                position: relative;\n                right: 0;\n                top: -10px;\n            }\n\n            .hopscotch-bubble-arrow-border {\n                border: 0 none;\n                /*border-right: 12px solid color('gray-darker');\n                border-bottom: 12px solid transparent;\n                border-top: 12px solid transparent;*/\n            }\n        }\n    }\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n        padding-left: 4px;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n// TODO: move to own sass module file (only gets used by teacher)\n// TODO: use BEM (.node--info)\n.node-info {\n    margin: 0;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin: -16px;\n        border-radius: 0;\n    }\n\n    .divider {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component {\n        &:first-child {\n            margin-top: -16px;\n        }\n    }\n\n    .component, .component__content, .component__header {\n        margin-left: -8px;\n        margin-right: -8px;\n    }\n\n    .component__actions {\n        display: none;\n    }\n}\n\n.node-rubric {\n    border: 2px solid color('primary');\n    margin: 8px 16px 24px;\n    padding: 16px;\n    background-color: #ffffff;\n}\n\n.node-rubric--component {\n\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 56px;\n\n// Base\n.notebook-launcher {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        &.md-button.md-fab {\n            z-index: 61;\n        }\n    }\n}\n\n.notebook-report {\n    border-radius: 4px 4px 0 0;\n    margin: 0;\n    height: 100%;\n\n    .note-toolbar {\n        margin: -8px -8px 8px;\n        padding: 4px;\n        border: 0 none;\n        border-top: 1px solid color('gray-light');\n        border-bottom: 1px solid color('gray-light');\n        border-radius: 0;\n\n        .btn-group {\n            margin-top: 0;\n        }\n    }\n\n    .note-btn {\n        border: 0 none;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n}\n\n.notebook-report-container {\n    height: 550px;\n    width: 450px;\n    max-height: 90%;\n    bottom: 0;\n    right: 96px;\n    position: absolute;\n    z-index: 3;\n}\n\n.notes-visible {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        .notebook-report-container {\n            right: 516px;\n            transition: right 250ms;\n        }\n    }\n}\n\n.notebook-report-container__full {\n    top: 16px;\n    bottom: 16px;\n    left: 16px;\n    right: 16px;\n    max-height: none;\n    max-width: none;\n    height: auto;\n    width: auto;\n\n    .notebook-report {\n        height: 100%;\n        width: 100%;\n        margin: 0 auto;\n        max-height: none;\n        border-radius: $card-border-radius;\n    }\n}\n\n.notebook-report-container__collapsed {\n    width: 300px;\n    height: auto;\n\n    .notebook-report__content, .notebook-report__actions, .notebook-report__content__header {\n        display: none;\n    }\n}\n\n.notebook-report__toolbar {\n    background-color: color('gray-darkest') !important;\n    border-radius: $card-border-radius $card-border-radius 0 0;\n}\n\n.notebook-report__toolbar__title {\n    max-width: 150px;\n}\n\n.notebook-report__content {\n    h1, h2, h3, h4 {\n        font-size: rem(2.2);\n    }\n\n    background-color: #ffffff;\n\n    .note-editor.note-frame {\n        border: 0 none;\n        border-radius: 0;\n        padding: 0;\n        box-shadow: none;\n    }\n\n    .note-resizebar {\n        display: none;\n    }\n}\n\n.notebook-report__content__header {\n    padding: 8px;\n    background-color: #ffffff;\n    font-size: rem(1.6);\n}\n\n@media only screen and (max-width: $layout-breakpoint-xs - 1) {\n    .notebook-report-container {\n        &:not(.notebook-report-container__collapsed) {\n            top: 0;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            max-height: none;\n            max-width: none;\n            height: auto;\n            width: auto;\n\n            .notebook-report {\n                border-radius: 0;\n            }\n        }\n    }\n\n    .notebook-tools--full {\n        display: none;\n    }\n}\n\n.notebook-report-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 3;\n    background-color: rgba(33,33,33,1.0);\n    opacity: .48;\n}\n\n.notebook-menu {\n    transition: opacity 500ms;\n\n    &.ng-enter {\n        opacity: 0;\n    }\n\n    .ng-enter-active {\n        opacity: 1;\n        transition-delay: 250ms;\n    }\n\n    &.ng-leave-active, &.ng-hide {\n        opacity: 0;\n    }\n\n    &.ng-hide-add, &.ng-hide-add-active,\n    &.ng-hide-remove, &.ng-hide-remove-active {\n        opacity: 0;\n    }\n}\n\n.notebook-item {\n    transition: box-shadow 250ms;\n    margin: 0 16px 16px;\n    display: block;\n}\n\n.notebook-item__content {\n    height: 250px;\n    min-width: 230px;\n    position: relative;\n    padding: 0;\n    background-color: color('gray');\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.notebook-item__content__attachment, .notebook-item__content__text {\n    position: absolute;\n    left: 0;\n    right: 0;\n}\n\n.notebook-item__content__attachment {\n    background-repeat: no-repeat !important;\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    background-position: center top !important;\n    background-size: cover !important;\n    top: 0;\n    bottom: 0;\n}\n\n.notebook-item__content__text {\n    bottom: 0;\n    padding: 8px;\n    font-weight: 500;\n    overflow: hidden;\n    max-height: 120px;\n    min-height: 56px;\n    background-color: rgba(255,255,255,0.95);\n    border-top: 1px solid color('gray-lighter');\n\n    &:after {\n        content: \"\";\n        text-align: right;\n        position: absolute;\n        bottom: 0;\n        right: 0;\n        width: 100%;\n        height: 0.8em;\n        background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,255,255,0.95) 100%);\n    }\n}\n\n.notebook-item__content--text-only {\n    &:after {\n        content: \"note\";\n        font-family: 'Material Icons';\n        font-weight: normal;\n        font-style: normal;\n        display: inline-block;\n        line-height: 1;\n        text-transform: none;\n        letter-spacing: normal;\n        word-wrap: normal;\n        white-space: nowrap;\n        direction: ltr;\n\n        /* Support for all WebKit browsers. */\n        -webkit-font-smoothing: antialiased;\n        /* Support for Safari and Chrome. */\n        text-rendering: optimizeLegibility;\n\n        /* Support for Firefox. */\n        -moz-osx-font-smoothing: grayscale;\n\n        /* Support for IE. */\n        font-feature-settings: 'liga';\n        //position: absolute;\n        font-size: 80px;\n        color: color('text-disabled');\n    }\n}\n\n.notebook-item--question__content--text-only {\n    content: \"live_help\";\n}\n\n.notebook-item__content__location {\n    opacity: 0.9;\n    padding: 8px 0;\n\n    md-icon {\n        font-size: 22px;\n    }\n}\n\n.notebook-item__edit {\n    cursor: pointer;\n}\n\n.notebook-item__actions {\n    margin: 0;\n    padding: 0 8px;\n    color: #ffffff;\n    background-color: color('gray-darkest');\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n\n.notebook-item__text-input {\n    margin: 0;\n}\n\n.notebook-item__text-input__textarea {\n    padding-left: 0;\n    padding-right: 0;\n}\n\n.notebook-item__attachment {\n    background-color: color('gray-light');\n    padding: 16px;\n    margin-bottom: 16px;\n    text-align: center;\n    position: relative;\n}\n\n.notebook-item__attachment__content {\n    max-width: 100%;\n    height: auto;\n}\n\n.notebook-item__attachment__delete {\n    position: absolute;\n    top: 4px;\n    right: -2px;\n    // TODO: generalize for on item buttons like this (delete attachment, etc)\n    width: 34px !important;\n    height: 34px !important;\n    min-height: 0;\n\n    md-icon {\n        margin-left: -2px;\n        font-size: 22px;\n    }\n}\n\n.notebook-item__info {\n    font-style: italic;\n    opacity: .8;\n    color: lighten(color('accent-1'), 5%);\n\n    a, md-icon {\n        color: lighten(color('accent-1'), 5%);\n    }\n\n    md-icon {\n        font-size: 1.5em;\n        min-width: 0;\n        width: auto;\n    }\n}\n\n.notebook-item__upload {\n    text-align: center;\n    padding: 24px;\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    color: color('text-secondary');\n    border-radius: 4px;\n    cursor: pointer;\n    border: 1px dashed transparent;\n    transition: all 250ms;\n\n    md-icon, span {\n        transition: color 250ms;\n    }\n\n    &:hover, &:focus, &.dragover {\n        border-color: color('accent');\n        background-color: lighten(color('accent'), 35%);\n        color: color('accent');\n\n        md-icon, span {\n            color: color('accent');\n        }\n    }\n}\n\n.view-notebook-item {\n    width: $layout-breakpoint-xs;\n}\n\n.view-notebook-item__content {\n}\n\n.notebook-item--report {\n    background-color: #ffffff;\n\n    .note-editor {\n        margin-bottom: 16px;\n        border-color: color('gray');\n    }\n}\n\n.notebook-item--report__container {\n    &.ui-scrollpoint {\n        .notebook-item--report__toolbar {\n            position: fixed;\n            top: ($wise-toolbar-height + $md-toolbar-height);\n            left: 0;\n            right: 0;\n            z-index: 1;\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                left: ($notebook-sidebar-width - 2);\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-xs) {\n                padding: 0 24px;\n            }\n\n            @media only screen and (min-width: $layout-breakpoint-sm) {\n                padding: 0 32px;\n            }\n\n            .note-toolbar {\n                margin: 0 16px;\n\n                @media only screen and (min-width: $layout-breakpoint-xs) {\n                    margin: 0 8px;\n                }\n\n                @media only screen and (min-width: $layout-breakpoint-sm) {\n                    margin: 0 16px;\n                }\n            }\n        }\n\n        .note-editor {\n            padding-top: 40px;\n        }\n    }\n}\n\n.notebook-item--report__toolbar {\n\n    .note-toolbar {\n        background-color: color('gray-light');\n        border: 1px solid color('gray');\n        margin-bottom: -2px;\n    }\n}\n\n.notebook-item--report__heading {\n    text-align: center;\n    margin-bottom: 32px;\n}\n\n.notebook-item--report__content {\n}\n\n.notebook-item--report__add-note {\n    font-weight: 700;\n}\n\n.notebook-item--report__note-img {\n    max-width: 100%;\n    height: auto !important;\n}\n\n.notebook-sidebar {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 400px;\n        max-width: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 500px;\n        max-width: none;\n    }\n}\n\n.notebook-items {\n    width: 100%;\n    overflow: auto;\n    margin-top: 16px;\n    margin-bottom: 76px;\n\n    .notebook-item {\n        width: 100%;\n    }\n\n    .notebook-item__content {\n        height: 200px;\n        min-width: 0;\n    }\n}\n\n.notebook-items--grading {\n    margin-bottom: 0;\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n    .notebook-enabled {\n        .md-fab-bottom-right, .md-fab-bottom-left {\n            bottom: ($wise-toolbar-height + 8) !important;\n        }\n    }\n}\n\n.notebook-grading {\n    background-color: #ffffff;\n    display: block;\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    left: 4px;\n    height: 22px;\n    line-height: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 5px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__progress {\n    md-progress-linear {\n        transform: rotate(270deg);\n        width: 26px;\n    }\n}\n\n.account-menu__grade {\n    position: relative;\n    margin-right: 4px;\n\n    md-icon {\n        color: color('score');\n    }\n}\n\n.account-menu__grade__overlay {\n    position: absolute;\n    top: 0;\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.6);\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 16px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header, .component-header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    //color: color('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n\n\n\n\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n","// Variables\n\n// Base\n.match-content {\n    background-color: color('gray-lighter');\n    margin-bottom: 16px;\n    padding: 8px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.match-divider {\n    margin: 16px 8px 8px;\n}\n\n.match-divider--horizontal {\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        display: none;\n    }\n}\n\n.match-bucket__header {\n    padding: 12px;\n    font-weight: 500;\n    color: color('primary');\n}\n\n.match-bucket__content {\n    padding: 0;\n}\n\n.match-bucket--choices {\n    .match-bucket__header {\n        color: color('accent-1');\n    }\n}\n\n.match-bucket__contents {\n    min-height: 120px;\n    //margin: 0;\n    padding: 0 8px 8px;\n    background-color: color('gray-light');\n    transition: background-color 250ms;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n\n    column-gap: 8px;\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        column-count: 1 !important;\n    }\n\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n}\n\n.match-bucket__contents--over {\n    background-color: color('primary');\n}\n\n.match-bucket__item {\n    list-style-type: none;\n    cursor: move;\n    padding-top: 8px;\n    break-inside: avoid;\n\n    &:hover, &:focus {\n        //background-color: rgba(0,0,0,0.2);\n    }\n}\n\n.match-bucket__item__contents {\n    background-color: #ffffff;\n    padding: 8px !important;\n    border: 1px solid color('gray');\n\n    .md-list-item-text {\n        width: 100%;\n    }\n}\n\n.match-bucket__item__contents__text {\n    margin-right: 4px;\n}\n\n.match-feedback {\n    transition: opacity 250ms;\n    /*padding-left: 8px;\n    border-left: 4px solid;*/\n    margin: 8px -8px -8px;\n    color: #ffffff;\n    padding: 4px 8px;\n\n    &.ng-hide {\n        opacity: 0;\n        transition: opacity 1ms;\n    }\n\n    md-icon {\n        color: #ffffff;\n    }\n}\n",".outside-content {\n  iframe {\n    border: 1px solid color('gray-lighter');\n  }\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n\n  a {\n    max-width: 240px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: inline-block;\n  }\n}",".notebook-toolbar {\n    md-divider {\n        margin: 8px 0;\n    }\n\n    @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n        border-top: 1px solid color('gray-light');\n    }\n}\n\n.notebook-toolbar__add-menu {\n    position: absolute;\n    bottom: 40px;\n\n    .md-fab-action-item {\n        background-color: #ffffff;\n    }\n}\n\n.notebook-toolbar__add-icon {\n    border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float:left;\n}","highchart {\n  display: block;\n}\n"]}
\ No newline at end of file

From 9ca75305ab5c894cfd24b204e9cb7ebc318f4d70 Mon Sep 17 00:00:00 2001
From: breity <breity10@gmail.com>
Date: Tue, 9 Mar 2021 09:32:30 -0800
Subject: [PATCH 35/36] Fixed teacher notebook report full screen mode, only
 show if enabled in unit json. #2827

---
 .../wise5/classroomMonitor/classroomMonitor.html  |  4 +++-
 .../classroomMonitorController.ts                 | 15 +++++++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/main/webapp/wise5/classroomMonitor/classroomMonitor.html b/src/main/webapp/wise5/classroomMonitor/classroomMonitor.html
index 7d87890639..2657300143 100644
--- a/src/main/webapp/wise5/classroomMonitor/classroomMonitor.html
+++ b/src/main/webapp/wise5/classroomMonitor/classroomMonitor.html
@@ -29,5 +29,7 @@
   <side-menu ng-if="classroomMonitorController.showToolbar"
       state="classroomMonitorController.$state"
       views="classroomMonitorController.views"></side-menu>
-  <notebook-report></notebook-report>
+  <notebook-report ng-if="classroomMonitorController.reportEnabled"
+      ng-class="{'report-full': classroomMonitorController.reportFullscreen}"
+      [notebook-config]="classroomMonitorController.notebookConfig"></notebook-report>
 </div>
diff --git a/src/main/webapp/wise5/classroomMonitor/classroomMonitorController.ts b/src/main/webapp/wise5/classroomMonitor/classroomMonitorController.ts
index 539e2a5829..31e3a13d87 100644
--- a/src/main/webapp/wise5/classroomMonitor/classroomMonitorController.ts
+++ b/src/main/webapp/wise5/classroomMonitor/classroomMonitorController.ts
@@ -19,10 +19,13 @@ class ClassroomMonitorController {
   enableProjectAchievements: boolean;
   logoPath: string;
   menuOpen: boolean = false;
+  notebookConfig: any;
   notifications: any;
   numberProject: boolean = true;
   projectId: number;
   projectTitle: string;
+  reportEnabled: boolean = false;
+  reportFullscreen: boolean = false;
   runId: number;
   runCode: string;
   showGradeByStepTools: boolean = false;
@@ -35,6 +38,7 @@ class ClassroomMonitorController {
   workgroupId: number;
   serverConnectionStatusSubscription: any;
   showSessionWarningSubscription: any;
+  reportFullscreenSubscription: any;
 
   static $inject = [
     '$filter',
@@ -74,6 +78,10 @@ class ClassroomMonitorController {
     this.projectId = this.ConfigService.getProjectId();
     this.runId = this.ConfigService.getRunId();
     this.runCode = this.ConfigService.getRunCode();
+    if (this.NotebookService.isNotebookEnabled()) {
+      this.notebookConfig = this.NotebookService.getTeacherNotebookConfig();
+      this.reportEnabled = this.notebookConfig.enabled;
+    }
     this.enableProjectAchievements = this.ProjectService.getAchievements().isEnabled;
     this.views = {
       'root.cm.dashboard': {
@@ -174,6 +182,12 @@ class ClassroomMonitorController {
       }
     );
 
+    this.reportFullscreenSubscription = this.NotebookService.reportFullScreen$.subscribe(
+      (full: boolean) => {
+        this.reportFullscreen = full;
+      }
+    );
+
     // TODO: make dynamic, set somewhere like in config?
     this.logoPath = this.ProjectService.getThemePath() + '/images/WISE-logo-ffffff.svg';
     this.processUI();
@@ -221,6 +235,7 @@ class ClassroomMonitorController {
   unsubscribeAll() {
     this.serverConnectionStatusSubscription.unsubscribe();
     this.showSessionWarningSubscription.unsubscribe();
+    this.reportFullscreenSubscription.unsubscribe();
   }
 
   /**

From 489a50d46b27890ee439f623514643ba87b3b58a Mon Sep 17 00:00:00 2001
From: Hiroki Terashima <honchikun@gmail.com>
Date: Tue, 9 Mar 2021 12:06:08 -0800
Subject: [PATCH 36/36] Bumped version number to 5.21.1

---
 package-lock.json              | 2 +-
 package.json                   | 2 +-
 pom.xml                        | 2 +-
 src/main/resources/version.txt | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 1d86e16a29..07fbbf5816 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "wise",
-  "version": "5.21.0",
+  "version": "5.21.1",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index 7a62f9919b..096c4141a7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "wise",
-  "version": "5.21.0",
+  "version": "5.21.1",
   "description": "Web-based Inquiry Science Environment",
   "main": "app.js",
   "browserslist": [
diff --git a/pom.xml b/pom.xml
index 275b576deb..95256fe82c 100644
--- a/pom.xml
+++ b/pom.xml
@@ -34,7 +34,7 @@
   <artifactId>wise</artifactId>
   <packaging>war</packaging>
   <name>Web-based Inquiry Science Environment</name>
-  <version>5.21.0</version>
+  <version>5.21.1</version>
   <url>http://wise5.org</url>
   <licenses>
     <license>
diff --git a/src/main/resources/version.txt b/src/main/resources/version.txt
index b5e0460c68..0d710d81ce 100644
--- a/src/main/resources/version.txt
+++ b/src/main/resources/version.txt
@@ -1 +1 @@
-5.21.0
+5.21.1